@spark-web/switch 5.0.1 → 5.0.3

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 (5) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/spark-web-switch.cjs.dev.js +16 -9
  3. package/dist/spark-web-switch.cjs.prod.js +16 -9
  4. package/dist/spark-web-switch.esm.js +16 -9
  5. package/package.json +2 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @spark-web/switch
2
2
 
3
+ ## 5.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#763](https://github.com/brighte-labs/spark-web/pull/763)
8
+ [`918c007`](https://github.com/brighte-labs/spark-web/commit/918c0071ef0b83b005eafa5d1b3ef73f3eb233d6)
9
+ Thanks [@jacobporci-brighte](https://github.com/jacobporci-brighte)! - Fix
10
+ package.json exports field that prevented TypeScript from resolving the
11
+ declaration file in consuming projects.
12
+
13
+ ## 5.0.2
14
+
15
+ ### Patch Changes
16
+
17
+ - [#761](https://github.com/brighte-labs/spark-web/pull/761)
18
+ [`22192c7`](https://github.com/brighte-labs/spark-web/commit/22192c71429e93c68ff508ee18c7b4ddad98a1bb)
19
+ Thanks [@jacobporci-brighte](https://github.com/jacobporci-brighte)! - Update
20
+ Switch layout so the label appears on the left and the toggle control on the
21
+ right.
22
+
3
23
  ## 5.0.1
4
24
 
5
25
  ### Patch Changes
package/dist/spark-web-switch.cjs.dev.js CHANGED
@@ -7,9 +7,9 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
7
7
  var react$1 = require('@emotion/react');
8
8
  var RadixSwitch = require('@radix-ui/react-switch');
9
9
  var box = require('@spark-web/box');
10
- var controlLabel = require('@spark-web/control-label');
11
10
  var field = require('@spark-web/field');
12
11
  var stack = require('@spark-web/stack');
12
+ var text = require('@spark-web/text');
13
13
  var theme = require('@spark-web/theme');
14
14
  var internal = require('@spark-web/utils/internal');
15
15
  var react = require('react');
@@ -67,8 +67,20 @@ var Switch = /*#__PURE__*/react.forwardRef(function Switch(_ref, forwardedRef) {
67
67
  return jsxRuntime.jsxs(stack.Stack, {
68
68
  gap: "small",
69
69
  position: "relative",
70
- children: [jsxRuntime.jsx(controlLabel.ControlLabel, {
71
- control: jsxRuntime.jsx(box.Box, {
70
+ children: [jsxRuntime.jsxs(box.Box, {
71
+ as: "label",
72
+ htmlFor: inputId,
73
+ cursor: disabled ? 'default' : 'pointer',
74
+ display: "inline-flex",
75
+ alignItems: "center",
76
+ gap: size,
77
+ userSelect: "none",
78
+ children: [jsxRuntime.jsx(text.DefaultTextPropsProvider, {
79
+ tone: disabled ? 'disabled' : 'neutral',
80
+ children: typeof children === 'string' || typeof children === 'number' ? jsxRuntime.jsx(text.Text, {
81
+ children: children
82
+ }) : children
83
+ }), jsxRuntime.jsx(box.Box, {
72
84
  display: "flex",
73
85
  alignItems: "center",
74
86
  flexShrink: 0,
@@ -86,12 +98,7 @@ var Switch = /*#__PURE__*/react.forwardRef(function Switch(_ref, forwardedRef) {
86
98
  css: react$1.css(thumbStyles)
87
99
  })
88
100
  }))
89
- }),
90
- disabled: disabled,
91
- htmlFor: inputId,
92
- size: size,
93
- alignItems: "center",
94
- children: children
101
+ })]
95
102
  }), message && jsxRuntime.jsx(field.FieldMessage, {
96
103
  tone: tone,
97
104
  id: messageId,
package/dist/spark-web-switch.cjs.prod.js CHANGED
@@ -7,9 +7,9 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
7
7
  var react$1 = require('@emotion/react');
8
8
  var RadixSwitch = require('@radix-ui/react-switch');
9
9
  var box = require('@spark-web/box');
10
- var controlLabel = require('@spark-web/control-label');
11
10
  var field = require('@spark-web/field');
12
11
  var stack = require('@spark-web/stack');
12
+ var text = require('@spark-web/text');
13
13
  var theme = require('@spark-web/theme');
14
14
  var internal = require('@spark-web/utils/internal');
15
15
  var react = require('react');
@@ -67,8 +67,20 @@ var Switch = /*#__PURE__*/react.forwardRef(function Switch(_ref, forwardedRef) {
67
67
  return jsxRuntime.jsxs(stack.Stack, {
68
68
  gap: "small",
69
69
  position: "relative",
70
- children: [jsxRuntime.jsx(controlLabel.ControlLabel, {
71
- control: jsxRuntime.jsx(box.Box, {
70
+ children: [jsxRuntime.jsxs(box.Box, {
71
+ as: "label",
72
+ htmlFor: inputId,
73
+ cursor: disabled ? 'default' : 'pointer',
74
+ display: "inline-flex",
75
+ alignItems: "center",
76
+ gap: size,
77
+ userSelect: "none",
78
+ children: [jsxRuntime.jsx(text.DefaultTextPropsProvider, {
79
+ tone: disabled ? 'disabled' : 'neutral',
80
+ children: typeof children === 'string' || typeof children === 'number' ? jsxRuntime.jsx(text.Text, {
81
+ children: children
82
+ }) : children
83
+ }), jsxRuntime.jsx(box.Box, {
72
84
  display: "flex",
73
85
  alignItems: "center",
74
86
  flexShrink: 0,
@@ -86,12 +98,7 @@ var Switch = /*#__PURE__*/react.forwardRef(function Switch(_ref, forwardedRef) {
86
98
  css: react$1.css(thumbStyles)
87
99
  })
88
100
  }))
89
- }),
90
- disabled: disabled,
91
- htmlFor: inputId,
92
- size: size,
93
- alignItems: "center",
94
- children: children
101
+ })]
95
102
  }), message && jsxRuntime.jsx(field.FieldMessage, {
96
103
  tone: tone,
97
104
  id: messageId,
package/dist/spark-web-switch.esm.js CHANGED
@@ -3,9 +3,9 @@ import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutPr
3
3
  import { css } from '@emotion/react';
4
4
  import * as RadixSwitch from '@radix-ui/react-switch';
5
5
  import { Box } from '@spark-web/box';
6
- import { ControlLabel } from '@spark-web/control-label';
7
6
  import { useFieldIds, FieldMessage } from '@spark-web/field';
8
7
  import { Stack } from '@spark-web/stack';
8
+ import { DefaultTextPropsProvider, Text } from '@spark-web/text';
9
9
  import { useTheme } from '@spark-web/theme';
10
10
  import { buildDataAttributes } from '@spark-web/utils/internal';
11
11
  import { forwardRef } from 'react';
@@ -43,8 +43,20 @@ var Switch = /*#__PURE__*/forwardRef(function Switch(_ref, forwardedRef) {
43
43
  return jsxs(Stack, {
44
44
  gap: "small",
45
45
  position: "relative",
46
- children: [jsx(ControlLabel, {
47
- control: jsx(Box, {
46
+ children: [jsxs(Box, {
47
+ as: "label",
48
+ htmlFor: inputId,
49
+ cursor: disabled ? 'default' : 'pointer',
50
+ display: "inline-flex",
51
+ alignItems: "center",
52
+ gap: size,
53
+ userSelect: "none",
54
+ children: [jsx(DefaultTextPropsProvider, {
55
+ tone: disabled ? 'disabled' : 'neutral',
56
+ children: typeof children === 'string' || typeof children === 'number' ? jsx(Text, {
57
+ children: children
58
+ }) : children
59
+ }), jsx(Box, {
48
60
  display: "flex",
49
61
  alignItems: "center",
50
62
  flexShrink: 0,
@@ -62,12 +74,7 @@ var Switch = /*#__PURE__*/forwardRef(function Switch(_ref, forwardedRef) {
62
74
  css: css(thumbStyles)
63
75
  })
64
76
  }))
65
- }),
66
- disabled: disabled,
67
- htmlFor: inputId,
68
- size: size,
69
- alignItems: "center",
70
- children: children
77
+ })]
71
78
  }), message && jsx(FieldMessage, {
72
79
  tone: tone,
73
80
  id: messageId,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-web/switch",
3
- "version": "5.0.1",
3
+ "version": "5.0.3",
4
4
  "homepage": "https://github.com/brighte-labs/spark-web#readme",
5
5
  "repository": {
6
6
  "type": "git",
@@ -10,12 +10,6 @@
10
10
  "license": "MIT",
11
11
  "main": "dist/spark-web-switch.cjs.js",
12
12
  "module": "dist/spark-web-switch.esm.js",
13
- "exports": {
14
- ".": {
15
- "require": "./dist/spark-web-switch.cjs.js",
16
- "import": "./dist/spark-web-switch.esm.js"
17
- }
18
- },
19
13
  "files": [
20
14
  "CHANGELOG.md",
21
15
  "dist",
@@ -29,9 +23,9 @@
29
23
  "@emotion/react": "^11.14.0",
30
24
  "@radix-ui/react-switch": "^1.2.6",
31
25
  "@spark-web/box": "^6.0.0",
32
- "@spark-web/control-label": "^5.1.0",
33
26
  "@spark-web/field": "^5.3.0",
34
27
  "@spark-web/stack": "^5.1.0",
28
+ "@spark-web/text": "^5.3.0",
35
29
  "@spark-web/theme": "^5.13.0",
36
30
  "@spark-web/utils": "^5.1.0"
37
31
  },