@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.
@@ -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.onSolidBackgrounds)
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.uiElementSolid_active),
61
+ backgroundColor: (0, _system.getColorScaleValueByUseCase)("primary", backgrounds.uiElementSolid),
62
62
  "&:hover": {
63
- backgroundColor: (0, _system.getColorScaleValueByUseCase)("primary", backgrounds.uiElementSolid_hovered)
63
+ backgroundColor: (0, _system.getColorScaleValueByUseCase)("primary", backgrounds.uiElementSolid_active)
64
64
  },
65
65
  "&[data-disabled]": {
66
66
  "&, &:hover": {
67
- backgroundColor: (0, _system.getColorScaleValueByUseCase)("primary", backgrounds.uiElementSolid_disabled),
68
- color: (0, _system.getColorScaleValueByUseCase)("primary", text.disabled)
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)("primary", text.disabled)
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kNAgDX,CAAC;AAIF,eAAe,MAAM,CAAC"}
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,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,IAC7C,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"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAyC,CAAC"}
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.onSolidBackgrounds),
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.uiElementSolid_active),
55
+ backgroundColor: (0, system_1.getColorScaleValueByUseCase)("primary", backgrounds.uiElementSolid),
56
56
  "&:hover": {
57
- backgroundColor: (0, system_1.getColorScaleValueByUseCase)("primary", backgrounds.uiElementSolid_hovered),
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)("primary", backgrounds.uiElementSolid_disabled),
62
- color: (0, system_1.getColorScaleValueByUseCase)("primary", text.disabled),
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,kBAAkB,CAAC;SACvE;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,qBAAqB,CAClC;gBACD,SAAS,EAAE;oBACT,eAAe,EAAE,IAAA,oCAA2B,EAC1C,SAAS,EACT,WAAW,CAAC,sBAAsB,CACnC;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"}
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAcG"}
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)("primary", text.disabled),
30
+ backgroundColor: (0, system_1.getColorScaleValueByUseCase)("neutral", text.disabled),
31
31
  },
32
32
  },
33
33
  },
@@ -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.onSolidBackgrounds)
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.uiElementSolid_active),
54
+ backgroundColor: getColorScaleValueByUseCase("primary", backgrounds.uiElementSolid),
55
55
  "&:hover": {
56
- backgroundColor: getColorScaleValueByUseCase("primary", backgrounds.uiElementSolid_hovered)
56
+ backgroundColor: getColorScaleValueByUseCase("primary", backgrounds.uiElementSolid_active)
57
57
  },
58
58
  "&[data-disabled]": {
59
59
  "&, &:hover": {
60
- backgroundColor: getColorScaleValueByUseCase("primary", backgrounds.uiElementSolid_disabled),
61
- color: getColorScaleValueByUseCase("primary", text.disabled)
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("primary", text.disabled)
29
+ backgroundColor: getColorScaleValueByUseCase("neutral", text.disabled)
30
30
  }
31
31
  }
32
32
  }