@snack-uikit/toggles 0.10.2 → 0.10.4-preview-94780dcd.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.10.3 (2024-08-13)
+
+
+### Bug Fixes
+
+* **FF-0000:** checkbox disabled bgColor ([3005618](https://github.com/cloud-ru-tech/snack-uikit/commit/3005618ede21c1af73b664170303068f9d97e9f0))
+
+
+
+
+
 ## 0.10.2 (2024-07-29)
 
 

package/dist/components/Checkbox/styles.module.css

@@ -48,7 +48,7 @@
   border-color:var(--sys-primary-accent-hovered, #6851a6);
 }
 .box[data-indeterminate=true][data-disabled=true], .box[data-checked=true][data-disabled=true]{
-  background-color:var(--sys-neutral-decor-disabled, #e6e8ef);
+  background-color:var(--sys-neutral-text-disabled, #aaaebd);
   border-color:var(--sys-neutral-text-disabled, #aaaebd);
 }
 .box[data-size=s]{

package/dist/components/Favorite/styles.module.css

@@ -3,7 +3,7 @@
   align-items:center;
   justify-content:center;
   box-sizing:border-box;
-  outline-color:var(--sys-available-complementary, #15151b);
+  outline-color:var(--sys-available-complementary, #1c1c24);
 }
 .container[data-size=s]{
   width:var(--size-toggles-s-container, 16px);
@@ -24,7 +24,7 @@
   outline-offset:var(--border-width-state-focus-s, 2px);
 }
 .container[data-checked=true]{
-  outline-color:var(--sys-available-complementary, #15151b);
+  outline-color:var(--sys-available-complementary, #1c1c24);
 }
 
 .icon{
@@ -34,16 +34,16 @@
   color:var(--sys-neutral-text-support, #6d707f);
 }
 .icon:not([data-disabled=true])[data-icon=star][data-checked=true]{
-  color:var(--sys-yellow-accent-default, #ffc443);
+  color:var(--sys-yellow-accent-default, #e2b134);
 }
 .icon:not([data-disabled=true])[data-icon=star][data-checked=true][data-focusvisible=true], .icon:not([data-disabled=true])[data-icon=star][data-checked=true][data-hover=true]{
-  color:var(--sys-yellow-accent-hovered, #f1b637);
+  color:var(--sys-yellow-accent-hovered, #d5a133);
 }
 .icon:not([data-disabled=true])[data-icon=heart][data-checked=true]{
-  color:var(--sys-red-accent-default, #cd3c3c);
+  color:var(--sys-red-accent-default, #cb3f3e);
 }
 .icon:not([data-disabled=true])[data-icon=heart][data-checked=true][data-focusvisible=true], .icon:not([data-disabled=true])[data-icon=heart][data-checked=true][data-hover=true]{
-  color:var(--sys-red-accent-hovered, #bb3c3a);
+  color:var(--sys-red-accent-hovered, #bd4844);
 }
 .icon[data-disabled=true]{
   color:var(--sys-neutral-text-disabled, #aaaebd);

package/dist/components/TogglePrivate/TogglePrivate.d.ts

@@ -1,21 +1,20 @@
-/// <reference types="react" />
 export declare const TogglePrivate: import("react").ForwardRefExoticComponent<{
-    'data-test-id'?: string | undefined;
+    'data-test-id'?: string;
 } & import("react").AriaAttributes & {
-    className?: string | undefined;
-    size?: import("../../types").Size | undefined;
+    className?: string;
+    size?: import("../../types").Size;
     render: (visualState: import("../../types").InputVisualState) => import("react").ReactNode;
-    mode?: import("../../types").Mode | undefined;
-    id?: string | undefined;
-    value?: string | undefined;
-    name?: string | undefined;
-    tabIndex?: number | undefined;
-    autofocus?: boolean | undefined;
-    checked?: boolean | undefined;
-    defaultChecked?: boolean | undefined;
-    disabled?: boolean | undefined;
-    onChange?: ((checked: boolean) => void) | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+    mode?: import("../../types").Mode;
+    id?: string;
+    value?: string;
+    name?: string;
+    tabIndex?: number;
+    autofocus?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+    onClick?: import("react").MouseEventHandler<HTMLInputElement>;
+    onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+    onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectionMode } from './types';
 type ToggleGroupContextType = {
     value: string | undefined | string[];

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Toggles",
-  "version": "0.10.2",
+  "version": "0.10.4-preview-94780dcd.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,11 +32,11 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/icons": "0.22.0",
-    "@snack-uikit/utils": "3.3.0",
+    "@snack-uikit/icons": "0.22.1-preview-94780dcd.0",
+    "@snack-uikit/utils": "3.3.1-preview-94780dcd.0",
     "classnames": "2.3.2",
     "merge-refs": "1.2.1",
     "uncontrollable": "8.0.0"
   },
-  "gitHead": "d1b1ac720c6ea300a6c8cc3b4765609899200af7"
+  "gitHead": "0b67805c876ec8ccc1567d110a3b37b04d2f0fb6"
 }

package/src/components/Checkbox/styles.module.scss

@@ -44,7 +44,7 @@ $icon-sizes: (
     }
 
     &[data-disabled=true] {
-      background-color: simple-var($theme-variables, 'sys', 'neutral', 'decor-disabled');
+      background-color: simple-var($theme-variables, 'sys', 'neutral', 'text-disabled');
       border-color: simple-var($theme-variables, 'sys', 'neutral', 'text-disabled');
     }
   }