@vitality-ds/components 4.4.0 → 4.4.1
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.
- package/dist/Switch/index.js +1 -0
- package/dist/Switch/styles/BaseSwitch.styles.js +5 -5
- package/dist/Switch/styles/BaseSwitchLabel.styles.js +16 -0
- package/dist/Switch/styles/BaseSwitchThumb.styles.js +1 -1
- package/dist/components/src/Switch/index.d.ts.map +1 -1
- package/dist/components/src/Switch/index.js +1 -1
- package/dist/components/src/Switch/index.js.map +1 -1
- package/dist/components/src/Switch/styled.d.ts +15 -0
- package/dist/components/src/Switch/styled.d.ts.map +1 -1
- package/dist/components/src/Switch/styles/BaseSwitch.styles.js +5 -5
- package/dist/components/src/Switch/styles/BaseSwitch.styles.js.map +1 -1
- package/dist/components/src/Switch/styles/BaseSwitchLabel.styles.d.ts +15 -0
- package/dist/components/src/Switch/styles/BaseSwitchLabel.styles.d.ts.map +1 -1
- package/dist/components/src/Switch/styles/BaseSwitchLabel.styles.js +15 -0
- package/dist/components/src/Switch/styles/BaseSwitchLabel.styles.js.map +1 -1
- package/dist/components/src/Switch/styles/BaseSwitchThumb.styles.js +1 -1
- package/dist/esm/Switch/index.js +1 -0
- package/dist/esm/Switch/styles/BaseSwitch.styles.js +5 -5
- package/dist/esm/Switch/styles/BaseSwitchLabel.styles.js +16 -0
- package/dist/esm/Switch/styles/BaseSwitchThumb.styles.js +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +5 -5
package/dist/Switch/index.js
CHANGED
|
@@ -39,6 +39,7 @@ var Switch = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwarded
|
|
|
39
39
|
direction: direction,
|
|
40
40
|
align: "center"
|
|
41
41
|
}, label && /*#__PURE__*/_react["default"].createElement(_styled.BaseSwitchLabel, {
|
|
42
|
+
direction: labelPosition,
|
|
42
43
|
disabled: disabled,
|
|
43
44
|
htmlFor: id
|
|
44
45
|
}, label), /*#__PURE__*/_react["default"].createElement(_styled.BaseSwitch, (0, _extends2["default"])({
|
|
@@ -37,7 +37,7 @@ var _default = exports["default"] = (0, _system.css)({
|
|
|
37
37
|
cursor: "not-allowed",
|
|
38
38
|
"&, &:hover": {
|
|
39
39
|
backgroundColor: (0, _system.getColorScaleValueByUseCase)("neutral", backgrounds.uiElementSolid_disabled),
|
|
40
|
-
color: (0, _system.getColorScaleValueByUseCase)("neutral", text.
|
|
40
|
+
color: (0, _system.getColorScaleValueByUseCase)("neutral", text.disabled)
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
"&:hover": {
|
|
@@ -58,14 +58,14 @@ var _default = exports["default"] = (0, _system.css)({
|
|
|
58
58
|
checked: {
|
|
59
59
|
"true": {
|
|
60
60
|
justifyContent: "flex-start",
|
|
61
|
-
backgroundColor: (0, _system.getColorScaleValueByUseCase)("primary", backgrounds.
|
|
61
|
+
backgroundColor: (0, _system.getColorScaleValueByUseCase)("primary", backgrounds.uiElementSolid),
|
|
62
62
|
"&:hover": {
|
|
63
|
-
backgroundColor: (0, _system.getColorScaleValueByUseCase)("primary", backgrounds.
|
|
63
|
+
backgroundColor: (0, _system.getColorScaleValueByUseCase)("primary", backgrounds.uiElementSolid_active)
|
|
64
64
|
},
|
|
65
65
|
"&[data-disabled]": {
|
|
66
66
|
"&, &:hover": {
|
|
67
|
-
backgroundColor: (0, _system.getColorScaleValueByUseCase)("
|
|
68
|
-
color: (0, _system.getColorScaleValueByUseCase)("
|
|
67
|
+
backgroundColor: (0, _system.getColorScaleValueByUseCase)("neutral", backgrounds.uiElementSolid_disabled),
|
|
68
|
+
color: (0, _system.getColorScaleValueByUseCase)("neutral", text.disabled)
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
}
|
|
@@ -12,12 +12,28 @@ var _default = exports["default"] = (0, _system.css)({
|
|
|
12
12
|
whiteSpace: "pre",
|
|
13
13
|
textWrap: "auto",
|
|
14
14
|
flex: 1,
|
|
15
|
+
marginBottom: 0,
|
|
16
|
+
// Gentu global style override
|
|
15
17
|
variants: {
|
|
16
18
|
disabled: {
|
|
17
19
|
"true": {
|
|
18
20
|
cursor: "not-allowed",
|
|
19
21
|
color: (0, _system.getColorScaleValueByUseCase)("neutral", text.disabled)
|
|
20
22
|
}
|
|
23
|
+
},
|
|
24
|
+
direction: {
|
|
25
|
+
top: {
|
|
26
|
+
textAlign: "center"
|
|
27
|
+
},
|
|
28
|
+
bottom: {
|
|
29
|
+
textAlign: "center"
|
|
30
|
+
},
|
|
31
|
+
left: {
|
|
32
|
+
textAlign: "right"
|
|
33
|
+
},
|
|
34
|
+
right: {
|
|
35
|
+
textAlign: "left"
|
|
36
|
+
}
|
|
21
37
|
}
|
|
22
38
|
}
|
|
23
39
|
});
|
|
@@ -33,7 +33,7 @@ var _default = exports["default"] = (0, _system.css)({
|
|
|
33
33
|
"true": {
|
|
34
34
|
transform: "translateX(".concat(TRACK_WIDTH - THUMB - INSET_SPACING, "px)"),
|
|
35
35
|
"&[data-disabled]": {
|
|
36
|
-
backgroundColor: (0, _system.getColorScaleValueByUseCase)("
|
|
36
|
+
backgroundColor: (0, _system.getColorScaleValueByUseCase)("neutral", text.disabled)
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kNAoDX,CAAC;AAIF,eAAe,MAAM,CAAC"}
|
|
@@ -38,7 +38,7 @@ var Switch = react_1.default.forwardRef(function (_a, forwardedRef) {
|
|
|
38
38
|
var defaultChecked = _a.defaultChecked, required = _a.required, name = _a.name, value = _a.value, id = _a.id, checked = _a.checked, onCheckedChange = _a.onCheckedChange, disabled = _a.disabled, style = _a.style, className = _a.className, as = _a.as, css = _a.css, _b = _a.labelPosition, labelPosition = _b === void 0 ? "left" : _b, label = _a.label, restProps = __rest(_a, ["defaultChecked", "required", "name", "value", "id", "checked", "onCheckedChange", "disabled", "style", "className", "as", "css", "labelPosition", "label"]);
|
|
39
39
|
var direction = labelDirections_1.default[labelPosition];
|
|
40
40
|
return (react_1.default.createElement(Stack_1.default, { direction: direction, align: "center" },
|
|
41
|
-
label && (react_1.default.createElement(styled_1.BaseSwitchLabel, { disabled: disabled, htmlFor: id }, label)),
|
|
41
|
+
label && (react_1.default.createElement(styled_1.BaseSwitchLabel, { direction: labelPosition, disabled: disabled, htmlFor: id }, label)),
|
|
42
42
|
react_1.default.createElement(styled_1.BaseSwitch, __assign({ defaultChecked: defaultChecked, required: required, name: name, value: value, disabled: disabled, id: id, checked: checked, onCheckedChange: onCheckedChange, ref: forwardedRef }, restProps),
|
|
43
43
|
react_1.default.createElement(styled_1.BaseSwitchThumb, { checked: checked }),
|
|
44
44
|
checked ? react_1.default.createElement(icons_1.Done, __assign({}, iconProps)) : react_1.default.createElement(icons_1.Close, __assign({}, iconProps)))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Switch/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAiD;AAEjD,gDAA0B;AAE1B,mDAA6B;AAC7B,gFAA2D;AAC3D,mCAAwE;AAGxE,IAAM,SAAS,GAAa;IAC1B,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,IAAM,MAAM,GAAG,eAAK,CAAC,UAAU,CAC7B,UACE,EAgBc,EACd,YAAgD;IAhB9C,IAAA,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,EAAE,QAAA,EACF,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,EAAE,QAAA,EACF,GAAG,SAAA,EACH,qBAAsB,EAAtB,aAAa,mBAAG,MAAM,KAAA,EACtB,KAAK,WAAA,EACF,SAAS,cAfd,4JAgBC,CADa;IAId,IAAM,SAAS,GAAG,yBAAgB,CAAC,aAAa,CAAC,CAAC;IAElD,OAAO,CACL,8BAAC,eAAK,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAC,QAAQ;QACxC,KAAK,IAAI,CACR,8BAAC,wBAAe,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Switch/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAiD;AAEjD,gDAA0B;AAE1B,mDAA6B;AAC7B,gFAA2D;AAC3D,mCAAwE;AAGxE,IAAM,SAAS,GAAa;IAC1B,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,IAAM,MAAM,GAAG,eAAK,CAAC,UAAU,CAC7B,UACE,EAgBc,EACd,YAAgD;IAhB9C,IAAA,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,EAAE,QAAA,EACF,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,EAAE,QAAA,EACF,GAAG,SAAA,EACH,qBAAsB,EAAtB,aAAa,mBAAG,MAAM,KAAA,EACtB,KAAK,WAAA,EACF,SAAS,cAfd,4JAgBC,CADa;IAId,IAAM,SAAS,GAAG,yBAAgB,CAAC,aAAa,CAAC,CAAC;IAElD,OAAO,CACL,8BAAC,eAAK,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAC,QAAQ;QACxC,KAAK,IAAI,CACR,8BAAC,wBAAe,IACd,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,EAAE,IAEV,KAAK,CACU,CACnB;QACD,8BAAC,mBAAU,aACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,GAAG,EAAE,YAAY,IACb,SAAS;YAEb,8BAAC,wBAAe,IAAC,OAAO,EAAE,OAAO,GAAI;YACpC,OAAO,CAAC,CAAC,CAAC,8BAAC,YAAI,eAAK,SAAS,EAAI,CAAC,CAAC,CAAC,8BAAC,aAAK,eAAK,SAAS,EAAI,CAClD,CACP,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,kBAAe,MAAM,CAAC"}
|
|
@@ -1485,6 +1485,7 @@ export declare const BaseSwitchLabel: import("@stitches/react/types/styled-compo
|
|
|
1485
1485
|
whiteSpace: string;
|
|
1486
1486
|
textWrap: string;
|
|
1487
1487
|
flex: number;
|
|
1488
|
+
marginBottom: number;
|
|
1488
1489
|
variants: {
|
|
1489
1490
|
disabled: {
|
|
1490
1491
|
true: {
|
|
@@ -1492,6 +1493,20 @@ export declare const BaseSwitchLabel: import("@stitches/react/types/styled-compo
|
|
|
1492
1493
|
color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$yellow12" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$yellow5" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$yellow9" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$yellow10" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13";
|
|
1493
1494
|
};
|
|
1494
1495
|
};
|
|
1496
|
+
direction: {
|
|
1497
|
+
top: {
|
|
1498
|
+
textAlign: string;
|
|
1499
|
+
};
|
|
1500
|
+
bottom: {
|
|
1501
|
+
textAlign: string;
|
|
1502
|
+
};
|
|
1503
|
+
left: {
|
|
1504
|
+
textAlign: string;
|
|
1505
|
+
};
|
|
1506
|
+
right: {
|
|
1507
|
+
textAlign: string;
|
|
1508
|
+
};
|
|
1509
|
+
};
|
|
1495
1510
|
};
|
|
1496
1511
|
}]>, {
|
|
1497
1512
|
bp1: "(min-width: 48rem)";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/Switch/styled.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAG3B,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAgD,CAAC;AACxE,eAAO,MAAM,eAAe
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/Switch/styled.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAG3B,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAgD,CAAC;AACxE,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAyC,CAAC"}
|
|
@@ -31,7 +31,7 @@ exports.default = (0, system_1.css)({
|
|
|
31
31
|
cursor: "not-allowed",
|
|
32
32
|
"&, &:hover": {
|
|
33
33
|
backgroundColor: (0, system_1.getColorScaleValueByUseCase)("neutral", backgrounds.uiElementSolid_disabled),
|
|
34
|
-
color: (0, system_1.getColorScaleValueByUseCase)("neutral", text.
|
|
34
|
+
color: (0, system_1.getColorScaleValueByUseCase)("neutral", text.disabled),
|
|
35
35
|
},
|
|
36
36
|
},
|
|
37
37
|
"&:hover": {
|
|
@@ -52,14 +52,14 @@ exports.default = (0, system_1.css)({
|
|
|
52
52
|
checked: {
|
|
53
53
|
true: {
|
|
54
54
|
justifyContent: "flex-start",
|
|
55
|
-
backgroundColor: (0, system_1.getColorScaleValueByUseCase)("primary", backgrounds.
|
|
55
|
+
backgroundColor: (0, system_1.getColorScaleValueByUseCase)("primary", backgrounds.uiElementSolid),
|
|
56
56
|
"&:hover": {
|
|
57
|
-
backgroundColor: (0, system_1.getColorScaleValueByUseCase)("primary", backgrounds.
|
|
57
|
+
backgroundColor: (0, system_1.getColorScaleValueByUseCase)("primary", backgrounds.uiElementSolid_active),
|
|
58
58
|
},
|
|
59
59
|
"&[data-disabled]": {
|
|
60
60
|
"&, &:hover": {
|
|
61
|
-
backgroundColor: (0, system_1.getColorScaleValueByUseCase)("
|
|
62
|
-
color: (0, system_1.getColorScaleValueByUseCase)("
|
|
61
|
+
backgroundColor: (0, system_1.getColorScaleValueByUseCase)("neutral", backgrounds.uiElementSolid_disabled),
|
|
62
|
+
color: (0, system_1.getColorScaleValueByUseCase)("neutral", text.disabled),
|
|
63
63
|
},
|
|
64
64
|
},
|
|
65
65
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseSwitch.styles.js","sourceRoot":"","sources":["../../../../../src/Switch/styles/BaseSwitch.styles.ts"],"names":[],"mappings":";;;;;AAAA,8CAI6B;AAE7B,2DAAqC;AACrC,yEAAkD;AAE1C,IAAA,IAAI,GAA2B,sBAAa,KAAxC,EAAE,WAAW,GAAc,sBAAa,YAA3B,EAAE,OAAO,GAAK,sBAAa,QAAlB,CAAmB;AAC7C,IAAA,WAAW,GAAsB,qBAAU,YAAhC,EAAE,eAAe,GAAK,qBAAU,gBAAf,CAAgB;AAC5C,IAAA,WAAW,GAAmB,cAAI,YAAvB,EAAE,YAAY,GAAK,cAAI,aAAT,CAAU;AAE3C,kBAAe,IAAA,YAAG,EAAC;IACjB,GAAG,EAAE,OAAO;IACZ,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,UAAU;IAC1B,QAAQ,EAAE,OAAO;IACjB,UAAU,EAAE,CAAC;IACb,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,sBAAoB,WAAW,WAAM,eAAiB;IAClE,YAAY,EAAE,UAAU;IACxB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,IAAA,oCAA2B,EAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC;IACtE,eAAe,EAAE,IAAA,oCAA2B,EAC1C,SAAS,EACT,WAAW,CAAC,cAAc,CAC3B;IAED,kBAAkB,EAAE;QAClB,MAAM,EAAE,aAAa;QACrB,YAAY,EAAE;YACZ,eAAe,EAAE,IAAA,oCAA2B,EAC1C,SAAS,EACT,WAAW,CAAC,uBAAuB,CACpC;YACD,KAAK,EAAE,IAAA,oCAA2B,EAAC,SAAS,EAAE,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"BaseSwitch.styles.js","sourceRoot":"","sources":["../../../../../src/Switch/styles/BaseSwitch.styles.ts"],"names":[],"mappings":";;;;;AAAA,8CAI6B;AAE7B,2DAAqC;AACrC,yEAAkD;AAE1C,IAAA,IAAI,GAA2B,sBAAa,KAAxC,EAAE,WAAW,GAAc,sBAAa,YAA3B,EAAE,OAAO,GAAK,sBAAa,QAAlB,CAAmB;AAC7C,IAAA,WAAW,GAAsB,qBAAU,YAAhC,EAAE,eAAe,GAAK,qBAAU,gBAAf,CAAgB;AAC5C,IAAA,WAAW,GAAmB,cAAI,YAAvB,EAAE,YAAY,GAAK,cAAI,aAAT,CAAU;AAE3C,kBAAe,IAAA,YAAG,EAAC;IACjB,GAAG,EAAE,OAAO;IACZ,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,UAAU;IAC1B,QAAQ,EAAE,OAAO;IACjB,UAAU,EAAE,CAAC;IACb,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,sBAAoB,WAAW,WAAM,eAAiB;IAClE,YAAY,EAAE,UAAU;IACxB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,IAAA,oCAA2B,EAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC;IACtE,eAAe,EAAE,IAAA,oCAA2B,EAC1C,SAAS,EACT,WAAW,CAAC,cAAc,CAC3B;IAED,kBAAkB,EAAE;QAClB,MAAM,EAAE,aAAa;QACrB,YAAY,EAAE;YACZ,eAAe,EAAE,IAAA,oCAA2B,EAC1C,SAAS,EACT,WAAW,CAAC,uBAAuB,CACpC;YACD,KAAK,EAAE,IAAA,oCAA2B,EAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC;SAC7D;KACF;IACD,SAAS,EAAE;QACT,eAAe,EAAE,IAAA,oCAA2B,EAC1C,SAAS,EACT,WAAW,CAAC,sBAAsB,CACnC;KACF;IACD,iBAAiB,EAAE;QACjB,wBAAwB,EAAE;YACxB,SAAS,EAAE,eAAa,IAAA,oCAA2B,EACjD,SAAS,EACT,WAAW,CAAC,GAAG,CAChB,oBAAe,IAAA,oCAA2B,EACzC,SAAS,EACT,OAAO,CAAC,SAAS,CAChB;SACJ;KACF;IAED,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,GAAG,EAAE;gBACH,KAAK,EAAE,WAAW;gBAClB,MAAM,EAAE,YAAY;aACrB;SACF;QACD,OAAO,EAAE;YACP,IAAI,EAAE;gBACJ,cAAc,EAAE,YAAY;gBAC5B,eAAe,EAAE,IAAA,oCAA2B,EAC1C,SAAS,EACT,WAAW,CAAC,cAAc,CAC3B;gBACD,SAAS,EAAE;oBACT,eAAe,EAAE,IAAA,oCAA2B,EAC1C,SAAS,EACT,WAAW,CAAC,qBAAqB,CAClC;iBACF;gBAED,kBAAkB,EAAE;oBAClB,YAAY,EAAE;wBACZ,eAAe,EAAE,IAAA,oCAA2B,EAC1C,SAAS,EACT,WAAW,CAAC,uBAAuB,CACpC;wBACD,KAAK,EAAE,IAAA,oCAA2B,EAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC;qBAC7D;iBACF;aACF;SACF;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,GAAG;KACV;CACF,CAAC,CAAC"}
|
|
@@ -4,6 +4,7 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
|
|
|
4
4
|
whiteSpace: string;
|
|
5
5
|
textWrap: string;
|
|
6
6
|
flex: number;
|
|
7
|
+
marginBottom: number;
|
|
7
8
|
variants: {
|
|
8
9
|
disabled: {
|
|
9
10
|
true: {
|
|
@@ -11,6 +12,20 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
|
|
|
11
12
|
color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$yellow12" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$yellow5" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$yellow9" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$yellow10" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13";
|
|
12
13
|
};
|
|
13
14
|
};
|
|
15
|
+
direction: {
|
|
16
|
+
top: {
|
|
17
|
+
textAlign: string;
|
|
18
|
+
};
|
|
19
|
+
bottom: {
|
|
20
|
+
textAlign: string;
|
|
21
|
+
};
|
|
22
|
+
left: {
|
|
23
|
+
textAlign: string;
|
|
24
|
+
};
|
|
25
|
+
right: {
|
|
26
|
+
textAlign: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
14
29
|
};
|
|
15
30
|
}]>, {
|
|
16
31
|
bp1: "(min-width: 48rem)";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseSwitchLabel.styles.d.ts","sourceRoot":"","sources":["../../../../../src/Switch/styles/BaseSwitchLabel.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BaseSwitchLabel.styles.d.ts","sourceRoot":"","sources":["../../../../../src/Switch/styles/BaseSwitchLabel.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBA6BG"}
|
|
@@ -8,6 +8,7 @@ exports.default = (0, system_1.css)({
|
|
|
8
8
|
whiteSpace: "pre",
|
|
9
9
|
textWrap: "auto",
|
|
10
10
|
flex: 1,
|
|
11
|
+
marginBottom: 0,
|
|
11
12
|
variants: {
|
|
12
13
|
disabled: {
|
|
13
14
|
true: {
|
|
@@ -15,6 +16,20 @@ exports.default = (0, system_1.css)({
|
|
|
15
16
|
color: (0, system_1.getColorScaleValueByUseCase)("neutral", text.disabled),
|
|
16
17
|
},
|
|
17
18
|
},
|
|
19
|
+
direction: {
|
|
20
|
+
top: {
|
|
21
|
+
textAlign: "center",
|
|
22
|
+
},
|
|
23
|
+
bottom: {
|
|
24
|
+
textAlign: "center",
|
|
25
|
+
},
|
|
26
|
+
left: {
|
|
27
|
+
textAlign: "right",
|
|
28
|
+
},
|
|
29
|
+
right: {
|
|
30
|
+
textAlign: "left",
|
|
31
|
+
},
|
|
32
|
+
},
|
|
18
33
|
},
|
|
19
34
|
});
|
|
20
35
|
//# sourceMappingURL=BaseSwitchLabel.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseSwitchLabel.styles.js","sourceRoot":"","sources":["../../../../../src/Switch/styles/BaseSwitchLabel.styles.ts"],"names":[],"mappings":";;AAAA,8CAI6B;AAErB,IAAA,IAAI,GAAK,sBAAa,KAAlB,CAAmB;AAE/B,kBAAe,IAAA,YAAG,EAAC;IACjB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,MAAM,EAAE,aAAa;gBACrB,KAAK,EAAE,IAAA,oCAA2B,EAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC;aAC7D;SACF;KACF;CACF,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"BaseSwitchLabel.styles.js","sourceRoot":"","sources":["../../../../../src/Switch/styles/BaseSwitchLabel.styles.ts"],"names":[],"mappings":";;AAAA,8CAI6B;AAErB,IAAA,IAAI,GAAK,sBAAa,KAAlB,CAAmB;AAE/B,kBAAe,IAAA,YAAG,EAAC;IACjB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,CAAC;IACP,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,MAAM,EAAE,aAAa;gBACrB,KAAK,EAAE,IAAA,oCAA2B,EAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC;aAC7D;SACF;QACD,SAAS,EAAE;YACT,GAAG,EAAE;gBACH,SAAS,EAAE,QAAQ;aACpB;YACD,MAAM,EAAE;gBACN,SAAS,EAAE,QAAQ;aACpB;YACD,IAAI,EAAE;gBACJ,SAAS,EAAE,OAAO;aACnB;YACD,KAAK,EAAE;gBACL,SAAS,EAAE,MAAM;aAClB;SACF;KACF;CACF,CAAC,CAAC"}
|
|
@@ -27,7 +27,7 @@ exports.default = (0, system_1.css)({
|
|
|
27
27
|
true: {
|
|
28
28
|
transform: "translateX(" + (TRACK_WIDTH - THUMB - INSET_SPACING) + "px)",
|
|
29
29
|
"&[data-disabled]": {
|
|
30
|
-
backgroundColor: (0, system_1.getColorScaleValueByUseCase)("
|
|
30
|
+
backgroundColor: (0, system_1.getColorScaleValueByUseCase)("neutral", text.disabled),
|
|
31
31
|
},
|
|
32
32
|
},
|
|
33
33
|
},
|
package/dist/esm/Switch/index.js
CHANGED
|
@@ -32,6 +32,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
|
32
32
|
direction: direction,
|
|
33
33
|
align: "center"
|
|
34
34
|
}, label && /*#__PURE__*/React.createElement(BaseSwitchLabel, {
|
|
35
|
+
direction: labelPosition,
|
|
35
36
|
disabled: disabled,
|
|
36
37
|
htmlFor: id
|
|
37
38
|
}, label), /*#__PURE__*/React.createElement(BaseSwitch, _extends({
|
|
@@ -30,7 +30,7 @@ export default css({
|
|
|
30
30
|
cursor: "not-allowed",
|
|
31
31
|
"&, &:hover": {
|
|
32
32
|
backgroundColor: getColorScaleValueByUseCase("neutral", backgrounds.uiElementSolid_disabled),
|
|
33
|
-
color: getColorScaleValueByUseCase("neutral", text.
|
|
33
|
+
color: getColorScaleValueByUseCase("neutral", text.disabled)
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
"&:hover": {
|
|
@@ -51,14 +51,14 @@ export default css({
|
|
|
51
51
|
checked: {
|
|
52
52
|
"true": {
|
|
53
53
|
justifyContent: "flex-start",
|
|
54
|
-
backgroundColor: getColorScaleValueByUseCase("primary", backgrounds.
|
|
54
|
+
backgroundColor: getColorScaleValueByUseCase("primary", backgrounds.uiElementSolid),
|
|
55
55
|
"&:hover": {
|
|
56
|
-
backgroundColor: getColorScaleValueByUseCase("primary", backgrounds.
|
|
56
|
+
backgroundColor: getColorScaleValueByUseCase("primary", backgrounds.uiElementSolid_active)
|
|
57
57
|
},
|
|
58
58
|
"&[data-disabled]": {
|
|
59
59
|
"&, &:hover": {
|
|
60
|
-
backgroundColor: getColorScaleValueByUseCase("
|
|
61
|
-
color: getColorScaleValueByUseCase("
|
|
60
|
+
backgroundColor: getColorScaleValueByUseCase("neutral", backgrounds.uiElementSolid_disabled),
|
|
61
|
+
color: getColorScaleValueByUseCase("neutral", text.disabled)
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
}
|
|
@@ -6,12 +6,28 @@ export default css({
|
|
|
6
6
|
whiteSpace: "pre",
|
|
7
7
|
textWrap: "auto",
|
|
8
8
|
flex: 1,
|
|
9
|
+
marginBottom: 0,
|
|
10
|
+
// Gentu global style override
|
|
9
11
|
variants: {
|
|
10
12
|
disabled: {
|
|
11
13
|
"true": {
|
|
12
14
|
cursor: "not-allowed",
|
|
13
15
|
color: getColorScaleValueByUseCase("neutral", text.disabled)
|
|
14
16
|
}
|
|
17
|
+
},
|
|
18
|
+
direction: {
|
|
19
|
+
top: {
|
|
20
|
+
textAlign: "center"
|
|
21
|
+
},
|
|
22
|
+
bottom: {
|
|
23
|
+
textAlign: "center"
|
|
24
|
+
},
|
|
25
|
+
left: {
|
|
26
|
+
textAlign: "right"
|
|
27
|
+
},
|
|
28
|
+
right: {
|
|
29
|
+
textAlign: "left"
|
|
30
|
+
}
|
|
15
31
|
}
|
|
16
32
|
}
|
|
17
33
|
});
|
|
@@ -26,7 +26,7 @@ export default css({
|
|
|
26
26
|
"true": {
|
|
27
27
|
transform: "translateX(".concat(TRACK_WIDTH - THUMB - INSET_SPACING, "px)"),
|
|
28
28
|
"&[data-disabled]": {
|
|
29
|
-
backgroundColor: getColorScaleValueByUseCase("
|
|
29
|
+
backgroundColor: getColorScaleValueByUseCase("neutral", text.disabled)
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
}
|