@snack-uikit/toggles 0.13.24 → 0.13.26-preview-ea1a9bc3.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 (8) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/components/Favorite/styles.module.css +3 -1
  3. package/dist/cjs/components/Switch/styles.module.css +9 -3
  4. package/dist/cjs/components/TogglePrivate/TogglePrivate.js +1 -1
  5. package/dist/cjs/utils.js +1 -1
  6. package/dist/esm/components/Favorite/styles.module.css +3 -1
  7. package/dist/esm/components/Switch/styles.module.css +9 -3
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,15 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## <small>0.13.25 (2026-02-18)</small>
7
+
8
+ ### Only dependencies have been changed
9
+ * [@snack-uikit/icons@0.27.6]($PUBLIC_PROJECT_URL/blob/master/packages/icons/CHANGELOG.md)
10
+
11
+
12
+
13
+
14
+
6
15
  ## <small>0.13.24 (2026-01-19)</small>
7
16
 
8
17
  * chore(FF-6693): migrate tests from TestCafe to Playwright ([f32aff8](https://github.com/cloud-ru-tech/snack-uikit/commit/f32aff8))
package/dist/cjs/components/Favorite/styles.module.css CHANGED
@@ -3,7 +3,6 @@
3
3
  align-items:center;
4
4
  justify-content:center;
5
5
  box-sizing:border-box;
6
- outline-color:var(--sys-available-complementary, #1c1c24);
7
6
  }
8
7
  .container[data-size=s]{
9
8
  width:var(--size-toggles-s-container, 16px);
@@ -23,6 +22,9 @@
23
22
  .container[data-focusvisible=true][data-size=s]{
24
23
  outline-offset:var(--border-width-state-focus-s, 2px);
25
24
  }
25
+ .container{
26
+ outline-color:var(--sys-available-complementary, #1c1c24);
27
+ }
26
28
  .container[data-checked=true]{
27
29
  outline-color:var(--sys-available-complementary, #1c1c24);
28
30
  }
package/dist/cjs/components/Switch/styles.module.css CHANGED
@@ -3,7 +3,6 @@
3
3
  align-items:center;
4
4
  justify-content:center;
5
5
  box-sizing:border-box;
6
- position:relative;
7
6
  }
8
7
  .container[data-size=s]{
9
8
  width:var(--size-toggles-s-container-switch-width, 24px);
@@ -23,6 +22,9 @@
23
22
  .container[data-focusvisible=true][data-size=s]{
24
23
  outline-offset:var(--border-width-state-focus-s, 2px);
25
24
  }
25
+ .container{
26
+ position:relative;
27
+ }
26
28
 
27
29
  .box{
28
30
  position:relative;
@@ -108,7 +110,6 @@
108
110
  color:var(--sys-neutral-text-disabled, #aaaebd);
109
111
  fill:transparent;
110
112
  transition:opacity 0.1s linear;
111
- opacity:1;
112
113
  }
113
114
  .flag_icon_off[data-hover=true]{
114
115
  color:var(--sys-neutral-accent-hovered, #6d707f);
@@ -125,6 +126,9 @@
125
126
  .flag_icon_off[data-disabled=true][data-hover=true]{
126
127
  color:var(--sys-neutral-text-disabled, #aaaebd);
127
128
  }
129
+ .flag_icon_off{
130
+ opacity:1;
131
+ }
128
132
  .flag_icon_off[data-checked=true]{
129
133
  opacity:0;
130
134
  }
@@ -138,7 +142,6 @@
138
142
  color:var(--sys-neutral-text-disabled, #aaaebd);
139
143
  fill:transparent;
140
144
  transition:opacity 0.1s linear;
141
- opacity:0;
142
145
  }
143
146
  .flag_icon_on[data-hover=true]{
144
147
  color:var(--sys-neutral-accent-hovered, #6d707f);
@@ -155,6 +158,9 @@
155
158
  .flag_icon_on[data-disabled=true][data-hover=true]{
156
159
  color:var(--sys-neutral-text-disabled, #aaaebd);
157
160
  }
161
+ .flag_icon_on{
162
+ opacity:0;
163
+ }
158
164
  .flag_icon_on[data-checked=true]{
159
165
  opacity:1;
160
166
  }
package/dist/cjs/components/TogglePrivate/TogglePrivate.js CHANGED
@@ -60,7 +60,7 @@ exports.TogglePrivate = (0, react_1.forwardRef)(function TogglePrivate(_a, ref)
60
60
  onKeyUp: onKeyUp
61
61
  }, (0, utils_1.getVisualStateAttributes)(visualState), {
62
62
  children: [render(visualState), (0, jsx_runtime_1.jsx)("input", Object.assign({}, otherProps, {
63
- "data-test-id": `${testId}-native-input`,
63
+ "data-test-id": "".concat(testId, "-native-input"),
64
64
  ref: ref,
65
65
  type: mode,
66
66
  className: styles_module_scss_1.default.togglePrivate,
package/dist/cjs/utils.js CHANGED
@@ -9,7 +9,7 @@ const constants_1 = require("./constants");
9
9
  function getVisualStateAttributes(state) {
10
10
  return Object.entries(state).reduce(function (result, _ref) {
11
11
  let [name, value] = _ref;
12
- result[`data-${name.toLowerCase()}`] = value;
12
+ result["data-".concat(name.toLowerCase())] = value;
13
13
  return result;
14
14
  }, {});
15
15
  }
package/dist/esm/components/Favorite/styles.module.css CHANGED
@@ -3,7 +3,6 @@
3
3
  align-items:center;
4
4
  justify-content:center;
5
5
  box-sizing:border-box;
6
- outline-color:var(--sys-available-complementary, #1c1c24);
7
6
  }
8
7
  .container[data-size=s]{
9
8
  width:var(--size-toggles-s-container, 16px);
@@ -23,6 +22,9 @@
23
22
  .container[data-focusvisible=true][data-size=s]{
24
23
  outline-offset:var(--border-width-state-focus-s, 2px);
25
24
  }
25
+ .container{
26
+ outline-color:var(--sys-available-complementary, #1c1c24);
27
+ }
26
28
  .container[data-checked=true]{
27
29
  outline-color:var(--sys-available-complementary, #1c1c24);
28
30
  }
package/dist/esm/components/Switch/styles.module.css CHANGED
@@ -3,7 +3,6 @@
3
3
  align-items:center;
4
4
  justify-content:center;
5
5
  box-sizing:border-box;
6
- position:relative;
7
6
  }
8
7
  .container[data-size=s]{
9
8
  width:var(--size-toggles-s-container-switch-width, 24px);
@@ -23,6 +22,9 @@
23
22
  .container[data-focusvisible=true][data-size=s]{
24
23
  outline-offset:var(--border-width-state-focus-s, 2px);
25
24
  }
25
+ .container{
26
+ position:relative;
27
+ }
26
28
 
27
29
  .box{
28
30
  position:relative;
@@ -108,7 +110,6 @@
108
110
  color:var(--sys-neutral-text-disabled, #aaaebd);
109
111
  fill:transparent;
110
112
  transition:opacity 0.1s linear;
111
- opacity:1;
112
113
  }
113
114
  .flag_icon_off[data-hover=true]{
114
115
  color:var(--sys-neutral-accent-hovered, #6d707f);
@@ -125,6 +126,9 @@
125
126
  .flag_icon_off[data-disabled=true][data-hover=true]{
126
127
  color:var(--sys-neutral-text-disabled, #aaaebd);
127
128
  }
129
+ .flag_icon_off{
130
+ opacity:1;
131
+ }
128
132
  .flag_icon_off[data-checked=true]{
129
133
  opacity:0;
130
134
  }
@@ -138,7 +142,6 @@
138
142
  color:var(--sys-neutral-text-disabled, #aaaebd);
139
143
  fill:transparent;
140
144
  transition:opacity 0.1s linear;
141
- opacity:0;
142
145
  }
143
146
  .flag_icon_on[data-hover=true]{
144
147
  color:var(--sys-neutral-accent-hovered, #6d707f);
@@ -155,6 +158,9 @@
155
158
  .flag_icon_on[data-disabled=true][data-hover=true]{
156
159
  color:var(--sys-neutral-text-disabled, #aaaebd);
157
160
  }
161
+ .flag_icon_on{
162
+ opacity:0;
163
+ }
158
164
  .flag_icon_on[data-checked=true]{
159
165
  opacity:1;
160
166
  }
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Toggles",
7
- "version": "0.13.24",
7
+ "version": "0.13.26-preview-ea1a9bc3.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -36,11 +36,11 @@
36
36
  "license": "Apache-2.0",
37
37
  "scripts": {},
38
38
  "dependencies": {
39
- "@snack-uikit/icons": "0.27.5",
39
+ "@snack-uikit/icons": "0.27.7-preview-ea1a9bc3.0",
40
40
  "@snack-uikit/utils": "4.0.1",
41
41
  "classnames": "2.5.1",
42
42
  "merge-refs": "1.3.0",
43
43
  "uncontrollable": "8.0.4"
44
44
  },
45
- "gitHead": "84371bbf91915f650a852df849cd71d416c5b7b2"
45
+ "gitHead": "39719176042e1faa36c12e0bf6b63ee265fa70f1"
46
46
  }