@rescui/toggle 0.4.7 → 0.5.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.18

package/README.md

@@ -1,3 +1,5 @@
 # Toggle
 
-* [Usage examples](./docs/demo.md)
+## LLM
+
+To get the docs for the LLM, check out [this index](./llm/index.md).

package/lib/index.css

@@ -1,33 +1,33 @@
-._themeLight_11e8rcc_6{
+._themeLight_85twx1_6{
   --rs-theme-dark:0;
 }
-._themeDark_11e8rcc_9{
+._themeDark_85twx1_9{
   --rs-theme-dark:1;
 }
-._sizeS_11e8rcc_13{
+._sizeS_85twx1_13{
   --_rs-toggle-width:20px;
   --_rs-toggle-height:12px;
   --_rs-toggle-shadow:3px;
 }
-._sizeM_11e8rcc_16{
+._sizeM_85twx1_16{
   --_rs-toggle-width:28px;
   --_rs-toggle-height:16px;
   --_rs-toggle-shadow:3px;
 }
-._sizeL_11e8rcc_19{
+._sizeL_85twx1_19{
   --_rs-toggle-width:32px;
   --_rs-toggle-height:18px;
   --_rs-toggle-shadow:4px;
 }
-._classic_11e8rcc_23{
+._classic_85twx1_23{
   --_rs-toggle-hover-slider-box-shadow-color:var(--_rs-color-primary-t-fog);
   --_rs-toggle-checked-slider-background-color:var(--_rs-color-primary);
 }
-._rock_11e8rcc_26{
+._rock_85twx1_26{
   --_rs-toggle-hover-slider-box-shadow-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
   --_rs-toggle-checked-slider-background-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
 }
-._main_11e8rcc_30{
+._main_85twx1_30{
   --_rs-toggle-circle-border:2px;
 
   --_rs-theme-dark:var(
@@ -42,7 +42,7 @@
   --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
 }
 @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._main_11e8rcc_30{
+._main_85twx1_30{
     --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
     --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
     --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -51,7 +51,7 @@
 }
   }
 @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._main_11e8rcc_30{
+._main_85twx1_30{
     --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
     --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
     --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -59,7 +59,7 @@
     --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
 }
   }
-._main_11e8rcc_30 {
+._main_85twx1_30 {
 
   position:relative;
 
@@ -71,7 +71,7 @@
 
   cursor:pointer;
 }
-._main_11e8rcc_30 input{
+._main_85twx1_30 input{
     position:absolute;
     z-index:-1;
 
@@ -81,11 +81,11 @@
 
     pointer-events:none;
   }
-._main_11e8rcc_30._disabled_11e8rcc_57{
+._main_85twx1_30._disabled_85twx1_57{
     cursor:default;
     pointer-events:none;
   }
-._slider_11e8rcc_63{
+._slider_85twx1_63{
   position:absolute;
   top:var(--_rs-toggle-shadow);
   left:var(--_rs-toggle-shadow);
@@ -97,9 +97,9 @@
 
   background-color:#8C8C8E;
 
-  transition:background-color 200ms;
+  transition:background-color 200ms var(--rs-transition-function, ease);
 }
-._slider_11e8rcc_63:after{
+._slider_85twx1_63:after{
     position:absolute;
     top:0;
     left:0;
@@ -115,18 +115,18 @@
 
     background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
 
-    transition:transform 200ms, height 200ms, width 200ms, border-color 200ms;
+    transition:transform 200ms var(--rs-transition-function, ease), height 200ms var(--rs-transition-function, ease), width 200ms var(--rs-transition-function, ease), border-color 200ms var(--rs-transition-function, ease);
     transform:translate(0);
   }
-._disabled_11e8rcc_57 ._slider_11e8rcc_63{
+._disabled_85twx1_57 ._slider_85twx1_63{
     background:rgb(calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(210 - var(--_rs-theme-dark-coefficient, 0)*137));
   }
-._disabled_11e8rcc_57 ._slider_11e8rcc_63:after{
+._disabled_85twx1_57 ._slider_85twx1_63:after{
       border-color:rgb(calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(210 - var(--_rs-theme-dark-coefficient, 0)*137));
 
       background:rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181));
     }
-input:checked + ._slider_11e8rcc_63:after{
+input:checked + ._slider_85twx1_63:after{
     width:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
     height:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
 
@@ -135,15 +135,15 @@ input:checked + ._slider_11e8rcc_63:after{
       calc(var(--_rs-toggle-circle-border)/-2)
     );
   }
-._main_11e8rcc_30:not(._disabled_11e8rcc_57) input:hover + ._slider_11e8rcc_63{
+._main_85twx1_30:not(._disabled_85twx1_57) input:hover + ._slider_85twx1_63{
     box-shadow:var(--_rs-toggle-hover-slider-box-shadow-color) 0 0 0 var(--_rs-toggle-shadow);
   }
-._main_11e8rcc_30:not(._disabled_11e8rcc_57) input:checked + ._slider_11e8rcc_63{
+._main_85twx1_30:not(._disabled_85twx1_57) input:checked + ._slider_85twx1_63{
     background-color:var(--_rs-toggle-checked-slider-background-color);
   }
-._main_11e8rcc_30:not(._disabled_11e8rcc_57) input:checked + ._slider_11e8rcc_63:after{
+._main_85twx1_30:not(._disabled_85twx1_57) input:checked + ._slider_85twx1_63:after{
       border-color:var(--_rs-toggle-checked-slider-background-color);
     }
-._main_11e8rcc_30:not(._disabled_11e8rcc_57) input:focus[data-focus-method='key'] + ._slider_11e8rcc_63{
+._main_85twx1_30:not(._disabled_85twx1_57) input:focus[data-focus-method='key'] + ._slider_85twx1_63{
     box-shadow:0 0 0 var(--_rs-toggle-shadow) var(--_rs-color-primary-t-dim);
   }

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-export { Toggle } from './toggle';
-export type { ToggleProps } from './toggle';
-export { ToggleControl } from './toggle-control';
-export type { ToggleControlProps } from './toggle-control';
+export { Toggle } from './toggle';
+export type { ToggleProps } from './toggle';
+export { ToggleControl } from './toggle-control';
+export type { ToggleControlProps } from './toggle-control';

package/lib/toggle-control.d.ts

@@ -1,54 +1,54 @@
-import React from 'react';
-import { Theme } from '@rescui/ui-contexts';
-import type { ToggleMode, ToggleSize } from './types';
-export interface ToggleControlProps {
-    /**
-     * Additional class name
-     */
-    className?: string;
-    /**
-     * Checked state. `onChange` callback is required.
-     */
-    checked?: boolean;
-    /**
-     * Is checkbox initially checked
-     */
-    defaultChecked?: boolean;
-    /**
-     * Input name attribute
-     */
-    name?: string;
-    /**
-     * Size
-     */
-    size?: ToggleSize;
-    /**
-     * Appearance mode
-     */
-    mode?: ToggleMode;
-    /**
-     * Disabled state
-     */
-    disabled?: boolean;
-    /**
-     * Appearance theme
-     */
-    theme?: Theme;
-    /**
-     * Value of the checkbox
-     */
-    value?: string;
-    tabIndex?: number;
-    /**
-     * Change value callback
-     */
-    onChange?: React.ChangeEventHandler<{
-        checked?: boolean;
-    }>;
-    /**
-     * Cancel the use of the `label` tag inside.
-     * Set it to `true` only if the component is wrapped in a `label` on the outside.
-     */
-    notUseLabelTag?: boolean;
-}
-export declare const ToggleControl: React.ForwardRefExoticComponent<ToggleControlProps & React.RefAttributes<HTMLInputElement>>;
+import React from 'react';
+import { Theme } from '@rescui/ui-contexts';
+import type { ToggleMode, ToggleSize } from './types';
+export interface ToggleControlProps {
+    /**
+     * Additional class name
+     */
+    className?: string;
+    /**
+     * Checked state. `onChange` callback is required.
+     */
+    checked?: boolean;
+    /**
+     * Is checkbox initially checked
+     */
+    defaultChecked?: boolean;
+    /**
+     * Input name attribute
+     */
+    name?: string;
+    /**
+     * Size
+     */
+    size?: ToggleSize;
+    /**
+     * Appearance mode
+     */
+    mode?: ToggleMode;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Appearance theme
+     */
+    theme?: Theme;
+    /**
+     * Value of the checkbox
+     */
+    value?: string;
+    tabIndex?: number;
+    /**
+     * Change value callback
+     */
+    onChange?: React.ChangeEventHandler<{
+        checked?: boolean;
+    }>;
+    /**
+     * Cancel the use of the `label` tag inside.
+     * Set it to `true` only if the component is wrapped in a `label` on the outside.
+     */
+    notUseLabelTag?: boolean;
+}
+export declare const ToggleControl: React.ForwardRefExoticComponent<ToggleControlProps & React.RefAttributes<HTMLInputElement>>;

package/lib/toggle.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { ToggleControlProps } from './toggle-control';
-import type { ToggleLabelPlacement } from './types';
-export interface ToggleProps extends Omit<ToggleControlProps, 'notUseLabelTag'> {
-    /**
-     * Label placement relative to toggle
-     */
-    labelPlacement?: ToggleLabelPlacement;
-    /**
-     * Node or text to show near the input
-     * */
-    children?: React.ReactNode;
-}
-export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
+import React from 'react';
+import { ToggleControlProps } from './toggle-control';
+import type { ToggleLabelPlacement } from './types';
+export interface ToggleProps extends Omit<ToggleControlProps, 'notUseLabelTag'> {
+    /**
+     * Label placement relative to toggle
+     */
+    labelPlacement?: ToggleLabelPlacement;
+    /**
+     * Node or text to show near the input
+     * */
+    children?: React.ReactNode;
+}
+export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;

package/lib/toggle.p.module.css.js

@@ -1,13 +1,13 @@
 var styles = {
-  "themeLight": "_themeLight_11e8rcc_6",
-  "themeDark": "_themeDark_11e8rcc_9",
-  "sizeS": "_sizeS_11e8rcc_13",
-  "sizeM": "_sizeM_11e8rcc_16",
-  "sizeL": "_sizeL_11e8rcc_19",
-  "classic": "_classic_11e8rcc_23",
-  "rock": "_rock_11e8rcc_26",
-  "main": "_main_11e8rcc_30",
-  "disabled": "_disabled_11e8rcc_57",
-  "slider": "_slider_11e8rcc_63"
+  "themeLight": "_themeLight_85twx1_6",
+  "themeDark": "_themeDark_85twx1_9",
+  "sizeS": "_sizeS_85twx1_13",
+  "sizeM": "_sizeM_85twx1_16",
+  "sizeL": "_sizeL_85twx1_19",
+  "classic": "_classic_85twx1_23",
+  "rock": "_rock_85twx1_26",
+  "main": "_main_85twx1_30",
+  "disabled": "_disabled_85twx1_57",
+  "slider": "_slider_85twx1_63"
 };
 export { styles as default };

package/lib/types.d.ts

@@ -1,3 +1,3 @@
-export declare type ToggleSize = 's' | 'm' | 'l';
-export declare type ToggleMode = 'classic' | 'rock';
-export declare type ToggleLabelPlacement = 'left' | 'right';
+export type ToggleSize = 's' | 'm' | 'l';
+export type ToggleMode = 'classic' | 'rock';
+export type ToggleLabelPlacement = 'left' | 'right';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/toggle",
-  "version": "0.4.7",
+  "version": "0.5.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.18+2a311c841",
   "description": "Toggle is a control that allows you to turn elements on and off instantly",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@babel/runtime-corejs3": "^7.26.0",
-    "@rescui/menu": "^0.13.4",
+    "@rescui/menu": "0.13.6-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.18+2a311c841",
     "classnames": "^2.2.6"
   },
   "peerDependencies": {
@@ -25,9 +25,9 @@
     "react": ">=16.8.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "^0.3.0",
-    "@rescui/scripts": "^0.5.1",
-    "@rescui/visual-regression": "^0.1.4",
+    "@rescui/colors": "0.3.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.53+2a311c841",
+    "@rescui/scripts": "0.5.2",
+    "@rescui/visual-regression": "0.1.4",
     "@types/classnames": "^2.2.11"
   },
   "scripts": {
@@ -35,5 +35,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "faa7a838502974c16bdf773ab001002d1b8dcca8"
+  "gitHead": "2a311c841551a48c46895aff5609fe099bbe1a61"
 }