@vitality-ds/components 4.3.4-alpha.0 → 4.4.0

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.
Files changed (76) hide show
  1. package/dist/StatusBadge/StatusBadge.js +4 -2
  2. package/dist/StatusBadge/StatusBadgeButton.js +4 -2
  3. package/dist/StatusBadge/StatusBadgeLink.js +4 -2
  4. package/dist/Switch/constants/labelDirections.js +16 -0
  5. package/dist/Switch/{constants.js → constants/size.js} +4 -5
  6. package/dist/Switch/constants/transitions.js +11 -0
  7. package/dist/Switch/index.js +15 -3
  8. package/dist/Switch/styled.js +4 -2
  9. package/dist/Switch/styles/BaseSwitch.styles.js +9 -4
  10. package/dist/Switch/styles/BaseSwitchLabel.styles.js +23 -0
  11. package/dist/Switch/styles/BaseSwitchThumb.styles.js +15 -8
  12. package/dist/components/src/Form/FormField/types.d.ts +4 -0
  13. package/dist/components/src/Form/FormField/types.d.ts.map +1 -1
  14. package/dist/components/src/StatusBadge/StatusBadge.d.ts +2 -1
  15. package/dist/components/src/StatusBadge/StatusBadge.d.ts.map +1 -1
  16. package/dist/components/src/StatusBadge/StatusBadge.js +2 -2
  17. package/dist/components/src/StatusBadge/StatusBadge.js.map +1 -1
  18. package/dist/components/src/StatusBadge/StatusBadgeButton.d.ts +2 -1
  19. package/dist/components/src/StatusBadge/StatusBadgeButton.d.ts.map +1 -1
  20. package/dist/components/src/StatusBadge/StatusBadgeButton.js +2 -2
  21. package/dist/components/src/StatusBadge/StatusBadgeButton.js.map +1 -1
  22. package/dist/components/src/StatusBadge/StatusBadgeLink.d.ts +2 -1
  23. package/dist/components/src/StatusBadge/StatusBadgeLink.d.ts.map +1 -1
  24. package/dist/components/src/StatusBadge/StatusBadgeLink.js +2 -2
  25. package/dist/components/src/StatusBadge/StatusBadgeLink.js.map +1 -1
  26. package/dist/components/src/StatusBadge/types.d.ts +5 -0
  27. package/dist/components/src/StatusBadge/types.d.ts.map +1 -1
  28. package/dist/components/src/Switch/constants/labelDirections.d.ts +7 -0
  29. package/dist/components/src/Switch/constants/labelDirections.d.ts.map +1 -0
  30. package/dist/components/src/Switch/constants/labelDirections.js +13 -0
  31. package/dist/components/src/Switch/constants/labelDirections.js.map +1 -0
  32. package/dist/components/src/Switch/constants/size.d.ts +8 -0
  33. package/dist/components/src/Switch/constants/size.d.ts.map +1 -0
  34. package/dist/components/src/Switch/{constants.js → constants/size.js} +3 -4
  35. package/dist/components/src/Switch/constants/size.js.map +1 -0
  36. package/dist/components/src/Switch/constants/transitions.d.ts +6 -0
  37. package/dist/components/src/Switch/constants/transitions.d.ts.map +1 -0
  38. package/dist/components/src/Switch/constants/transitions.js +8 -0
  39. package/dist/components/src/Switch/constants/transitions.js.map +1 -0
  40. package/dist/components/src/Switch/index.d.ts +4 -2
  41. package/dist/components/src/Switch/index.d.ts.map +1 -1
  42. package/dist/components/src/Switch/index.js +9 -4
  43. package/dist/components/src/Switch/index.js.map +1 -1
  44. package/dist/components/src/Switch/styled.d.ts +713 -0
  45. package/dist/components/src/Switch/styled.d.ts.map +1 -1
  46. package/dist/components/src/Switch/styled.js +3 -1
  47. package/dist/components/src/Switch/styled.js.map +1 -1
  48. package/dist/components/src/Switch/styles/BaseSwitch.styles.d.ts.map +1 -1
  49. package/dist/components/src/Switch/styles/BaseSwitch.styles.js +7 -4
  50. package/dist/components/src/Switch/styles/BaseSwitch.styles.js.map +1 -1
  51. package/dist/components/src/Switch/styles/BaseSwitchLabel.styles.d.ts +366 -0
  52. package/dist/components/src/Switch/styles/BaseSwitchLabel.styles.d.ts.map +1 -0
  53. package/dist/components/src/Switch/styles/BaseSwitchLabel.styles.js +20 -0
  54. package/dist/components/src/Switch/styles/BaseSwitchLabel.styles.js.map +1 -0
  55. package/dist/components/src/Switch/styles/BaseSwitchThumb.styles.d.ts.map +1 -1
  56. package/dist/components/src/Switch/styles/BaseSwitchThumb.styles.js +11 -8
  57. package/dist/components/src/Switch/styles/BaseSwitchThumb.styles.js.map +1 -1
  58. package/dist/components/src/Switch/types.d.ts +10 -0
  59. package/dist/components/src/Switch/types.d.ts.map +1 -1
  60. package/dist/esm/StatusBadge/StatusBadge.js +4 -2
  61. package/dist/esm/StatusBadge/StatusBadgeButton.js +4 -2
  62. package/dist/esm/StatusBadge/StatusBadgeLink.js +4 -2
  63. package/dist/esm/Switch/constants/labelDirections.js +10 -0
  64. package/dist/esm/Switch/constants/size.js +7 -0
  65. package/dist/esm/Switch/constants/transitions.js +5 -0
  66. package/dist/esm/Switch/index.js +16 -4
  67. package/dist/esm/Switch/styled.js +3 -1
  68. package/dist/esm/Switch/styles/BaseSwitch.styles.js +9 -4
  69. package/dist/esm/Switch/styles/BaseSwitchLabel.styles.js +17 -0
  70. package/dist/esm/Switch/styles/BaseSwitchThumb.styles.js +15 -8
  71. package/dist/tsconfig.tsbuildinfo +1 -1
  72. package/package.json +5 -5
  73. package/dist/components/src/Switch/constants.d.ts +0 -10
  74. package/dist/components/src/Switch/constants.d.ts.map +0 -1
  75. package/dist/components/src/Switch/constants.js.map +0 -1
  76. package/dist/esm/Switch/constants.js +0 -8
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ /**
4
+ * Below values relate to direction property of the
5
+ */
6
+ var LABEL_DIRECTIONS = {
7
+ top: "vertical",
8
+ bottom: "verticalReverse",
9
+ left: "horizontal",
10
+ right: "horizontalReverse",
11
+ };
12
+ exports.default = LABEL_DIRECTIONS;
13
+ //# sourceMappingURL=labelDirections.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"labelDirections.js","sourceRoot":"","sources":["../../../../../src/Switch/constants/labelDirections.ts"],"names":[],"mappings":";;AAEA;;GAEG;AACH,IAAM,gBAAgB,GAAwB;IAC5C,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,iBAAiB;IACzB,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,mBAAmB;CAC3B,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
@@ -0,0 +1,8 @@
1
+ declare const SIZE: {
2
+ INSET_SPACING: number;
3
+ THUMB: number;
4
+ TRACK_WIDTH: number;
5
+ TRACK_HEIGHT: number;
6
+ };
7
+ export default SIZE;
8
+ //# sourceMappingURL=size.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../../../src/Switch/constants/size.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,IAAI;;;;;CAKT,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,11 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.default = {
3
+ var SIZE = {
4
4
  INSET_SPACING: 2,
5
5
  THUMB: 16,
6
6
  TRACK_WIDTH: 40,
7
7
  TRACK_HEIGHT: 20,
8
- TRANSITION_DURATION_MS: 250,
9
- TRANSITION_TIMING_FUNCTION: "cubic-bezier(0.22, 1, 0.36, 1)",
10
8
  };
11
- //# sourceMappingURL=constants.js.map
9
+ exports.default = SIZE;
10
+ //# sourceMappingURL=size.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"size.js","sourceRoot":"","sources":["../../../../../src/Switch/constants/size.ts"],"names":[],"mappings":";;AAAA,IAAM,IAAI,GAAG;IACX,aAAa,EAAE,CAAC;IAChB,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,EAAE;CACjB,CAAC;AAEF,kBAAe,IAAI,CAAC"}
@@ -0,0 +1,6 @@
1
+ declare const TRANSITION: {
2
+ DURATION_MS: number;
3
+ TIMING_FUNCTION: string;
4
+ };
5
+ export default TRANSITION;
6
+ //# sourceMappingURL=transitions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"transitions.d.ts","sourceRoot":"","sources":["../../../../../src/Switch/constants/transitions.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,UAAU;;;CAGf,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var TRANSITION = {
4
+ DURATION_MS: 250,
5
+ TIMING_FUNCTION: "cubic-bezier(0.22, 1, 0.36, 1)",
6
+ };
7
+ exports.default = TRANSITION;
8
+ //# sourceMappingURL=transitions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"transitions.js","sourceRoot":"","sources":["../../../../../src/Switch/constants/transitions.ts"],"names":[],"mappings":";;AAAA,IAAM,UAAU,GAAG;IACjB,WAAW,EAAE,GAAG;IAChB,eAAe,EAAE,gCAAgC;CAClD,CAAC;AAEF,kBAAe,UAAU,CAAC"}
@@ -1184,13 +1184,15 @@ declare const Switch: React.ForwardRefExoticComponent<Pick<{
1184
1184
  disabled: boolean;
1185
1185
  name: string;
1186
1186
  value: string;
1187
- }, "name" | "disabled" | "placeholder" | "size" | "value" | "color" | "translate" | "prefix" | "hidden" | "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof {
1187
+ labelPosition?: "bottom" | "left" | "right" | "top";
1188
+ label?: string;
1189
+ }, "name" | "disabled" | "placeholder" | "size" | "value" | "color" | "translate" | "prefix" | "hidden" | "form" | "label" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof {
1188
1190
  className?: never;
1189
1191
  style?: never;
1190
1192
  } | keyof {
1191
1193
  css?: never;
1192
1194
  as?: never;
1193
1195
  asChild?: never;
1194
- } | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "checked" | "required" | "onCheckedChange"> & React.RefAttributes<HTMLButtonElement>>;
1196
+ } | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "checked" | "required" | "onCheckedChange" | "labelPosition"> & React.RefAttributes<HTMLButtonElement>>;
1195
1197
  export default Switch;
1196
1198
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gMAqCX,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kNAgDX,CAAC;AAIF,eAAe,MAAM,CAAC"}
@@ -27,16 +27,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  var icons_1 = require("@vitality-ds/icons");
29
29
  var react_1 = __importDefault(require("react"));
30
+ var Stack_1 = __importDefault(require("../Stack"));
31
+ var labelDirections_1 = __importDefault(require("./constants/labelDirections"));
30
32
  var styled_1 = require("./styled");
31
33
  var iconProps = {
32
34
  color: "inherit",
33
35
  size: "inherit",
34
36
  };
35
37
  var Switch = react_1.default.forwardRef(function (_a, forwardedRef) {
36
- 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, restProps = __rest(_a, ["defaultChecked", "required", "name", "value", "id", "checked", "onCheckedChange", "disabled", "style", "className", "as", "css"]);
37
- return (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),
38
- react_1.default.createElement(styled_1.BaseSwitchThumb, { checked: checked }),
39
- checked ? react_1.default.createElement(icons_1.Done, __assign({}, iconProps)) : react_1.default.createElement(icons_1.Close, __assign({}, iconProps))));
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
+ var direction = labelDirections_1.default[labelPosition];
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)),
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
+ react_1.default.createElement(styled_1.BaseSwitchThumb, { checked: checked }),
44
+ checked ? react_1.default.createElement(icons_1.Done, __assign({}, iconProps)) : react_1.default.createElement(icons_1.Close, __assign({}, iconProps)))));
40
45
  });
41
46
  Switch.displayName = "Switch";
42
47
  exports.default = Switch;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Switch/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAiD;AAEjD,gDAA0B;AAE1B,mCAAuD;AAGvD,IAAM,SAAS,GAAa;IAC1B,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,IAAM,MAAM,GAAG,eAAK,CAAC,UAAU,CAC7B,UACE,EAcc,EACd,YAAgD;IAd9C,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,EACA,SAAS,cAbd,kIAcC,CADa;IAId,OAAO,CACL,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;QAEb,8BAAC,wBAAe,IAAC,OAAO,EAAE,OAAO,GAAI;QACpC,OAAO,CAAC,CAAC,CAAC,8BAAC,YAAI,eAAK,SAAS,EAAI,CAAC,CAAC,CAAC,8BAAC,aAAK,eAAK,SAAS,EAAI,CAClD,CACd,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,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"}