@app-studio/web 0.8.93 → 0.8.94
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.
- package/dist/components/Button/Button/Button.style.d.ts +1 -2
- package/dist/components/Form/Select/Select/Select.state.d.ts +2 -1
- package/dist/components/Form/Switch/Switch/Switch.props.d.ts +2 -1
- package/dist/components/Form/Switch/Switch/Switch.state.d.ts +4 -2
- package/dist/components/Form/Switch/Switch/Switch.style.d.ts +3 -3
- package/dist/utils/index.d.ts +7 -0
- package/dist/utils/typography.d.ts +29 -0
- package/dist/web.cjs.development.js +217 -139
- package/dist/web.cjs.development.js.map +1 -1
- package/dist/web.cjs.production.min.js +1 -1
- package/dist/web.cjs.production.min.js.map +1 -1
- package/dist/web.esm.js +217 -139
- package/dist/web.esm.js.map +1 -1
- package/dist/web.umd.development.js +217 -139
- package/dist/web.umd.development.js.map +1 -1
- package/dist/web.umd.production.min.js +1 -1
- package/dist/web.umd.production.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -12,8 +12,7 @@ import { ViewProps } from 'app-studio';
|
|
|
12
12
|
import { Shape, Size, Variant } from './Button.type';
|
|
13
13
|
/**
|
|
14
14
|
* Button sizes following the 4px grid system
|
|
15
|
-
*/
|
|
16
|
-
export declare const ButtonSizes: Record<Size, ViewProps>;
|
|
15
|
+
*/ export declare const ButtonSizes: Record<Size, ViewProps>;
|
|
17
16
|
/**
|
|
18
17
|
* Button shapes with consistent border radius
|
|
19
18
|
*/
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SelectProps } from './Select.props';
|
|
3
|
-
export declare const useSelectState: ({ placeholder, isMulti, options, }: SelectProps) => {
|
|
3
|
+
export declare const useSelectState: ({ placeholder, isMulti, options, id, }: SelectProps) => {
|
|
4
|
+
id: string;
|
|
4
5
|
value: string | string[];
|
|
5
6
|
setValue: React.Dispatch<React.SetStateAction<string | string[]>>;
|
|
6
7
|
hide: boolean;
|
|
@@ -7,7 +7,8 @@ export interface SwitchProps extends Omit<InputProps, 'size'> {
|
|
|
7
7
|
id?: string;
|
|
8
8
|
isDisabled?: boolean;
|
|
9
9
|
isReadOnly?: boolean;
|
|
10
|
-
|
|
10
|
+
isChecked?: boolean;
|
|
11
|
+
onChange?: (checked: boolean) => void;
|
|
11
12
|
name?: string;
|
|
12
13
|
inActiveChild?: React.ReactNode;
|
|
13
14
|
views?: SwitchStyles;
|
|
@@ -3,6 +3,8 @@ import { SwitchProps } from './Switch.props';
|
|
|
3
3
|
export declare const useSwitchState: ({ isDisabled, isChecked }: SwitchProps) => {
|
|
4
4
|
isHovered: boolean;
|
|
5
5
|
setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
|
|
6
|
-
on:
|
|
7
|
-
setOn: React.Dispatch<
|
|
6
|
+
on: boolean;
|
|
7
|
+
setOn: React.Dispatch<React.SetStateAction<boolean>>;
|
|
8
|
+
value: boolean;
|
|
9
|
+
setValue: React.Dispatch<React.SetStateAction<boolean>>;
|
|
8
10
|
};
|
|
@@ -12,16 +12,16 @@ import { ViewProps } from 'app-studio';
|
|
|
12
12
|
import { Size } from './Switch.type';
|
|
13
13
|
/**
|
|
14
14
|
* Knob (circle) sizes for the Switch component
|
|
15
|
-
* Following the 4px grid system
|
|
15
|
+
* Following the 4px grid system - dimensions réduites
|
|
16
16
|
*/
|
|
17
17
|
export declare const KnobSizes: Record<Size, ViewProps>;
|
|
18
18
|
/**
|
|
19
19
|
* Slider (track) sizes for the Switch component
|
|
20
|
-
* Following the 4px grid system
|
|
20
|
+
* Following the 4px grid system - dimensions réduites
|
|
21
21
|
*/
|
|
22
22
|
export declare const SliderSizes: Record<Size, ViewProps>;
|
|
23
23
|
/**
|
|
24
|
-
* Padding for the Switch slider
|
|
24
|
+
* Padding for the Switch slider - ajusté pour les nouvelles dimensions
|
|
25
25
|
* Following the 4px grid system
|
|
26
26
|
*/
|
|
27
27
|
export declare const SliderPadding: Record<Size, Record<string, number>>;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Typography Utility
|
|
3
|
+
*
|
|
4
|
+
* This utility provides consistent typography settings across the application.
|
|
5
|
+
* It defines font sizes, line heights, and font weights according to the design guidelines.
|
|
6
|
+
*/
|
|
7
|
+
import { Size } from '../components/Text/Text/Text.type';
|
|
8
|
+
import { TextWeights } from '../components/Text/Text/Text.type';
|
|
9
|
+
/**
|
|
10
|
+
* Font sizes following the harmonized typography guidelines
|
|
11
|
+
*/
|
|
12
|
+
export declare const FontSizes: Record<Size, string | number>;
|
|
13
|
+
/**
|
|
14
|
+
* Line heights following the harmonized typography guidelines
|
|
15
|
+
*/
|
|
16
|
+
export declare const LineHeights: Record<Size, string | number>;
|
|
17
|
+
/**
|
|
18
|
+
* Font weights following typography guidelines
|
|
19
|
+
*/
|
|
20
|
+
export declare const FontWeights: Record<TextWeights, string>;
|
|
21
|
+
/**
|
|
22
|
+
* Typography utility object that can be used across components
|
|
23
|
+
*/
|
|
24
|
+
export declare const Typography: {
|
|
25
|
+
fontSizes: Record<import("../components/Avatar/Avatar/Avatar.type").Size, string | number>;
|
|
26
|
+
lineHeights: Record<import("../components/Avatar/Avatar/Avatar.type").Size, string | number>;
|
|
27
|
+
fontWeights: Record<import("../components/Form/Label/Label/Label.type").TextWeights, string>;
|
|
28
|
+
};
|
|
29
|
+
export default Typography;
|