@webstudio-is/sdk-components-react-radix 0.141.0 → 0.143.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 (3) hide show
  1. package/lib/types/theme/styles.d.ts +8 -0
  2. package/lib/types/theme/tailwind-classes.d.ts +3 -3
  3. package/package.json +9 -9
package/lib/types/theme/styles.d.ts CHANGED
@@ -125,6 +125,8 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
125
125
  type: "invalid";
126
126
  value: string;
127
127
  })[];
128
+ } | {
129
+ type: "guaranteedInvalid";
128
130
  } | {
129
131
  type: "unset";
130
132
  value: "";
@@ -230,6 +232,8 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
230
232
  type: "invalid";
231
233
  value: string;
232
234
  })[];
235
+ } | {
236
+ type: "guaranteedInvalid";
233
237
  })[];
234
238
  };
235
239
  } | {
@@ -314,6 +318,8 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
314
318
  type: "invalid";
315
319
  value: string;
316
320
  })[];
321
+ } | {
322
+ type: "guaranteedInvalid";
317
323
  } | {
318
324
  type: "unset";
319
325
  value: "";
@@ -419,6 +425,8 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
419
425
  type: "invalid";
420
426
  value: string;
421
427
  })[];
428
+ } | {
429
+ type: "guaranteedInvalid";
422
430
  })[];
423
431
  };
424
432
  state?: string | undefined;
package/lib/types/theme/tailwind-classes.d.ts CHANGED
@@ -12,7 +12,7 @@ type StringEnumToNumeric<T extends string> = T extends `${infer Z extends number
12
12
  type NonNumeric<T extends string> = T extends `${infer Z extends number}` ? never : T;
13
13
  export declare const border: (borderWidthOrColor?: StringEnumToNumeric<keyof typeof theme.borderWidth> | keyof typeof theme.colors) => EmbedTemplateStyleDecl[];
14
14
  export declare const borderB: (borderWidthOrColor?: StringEnumToNumeric<keyof typeof theme.borderWidth> | keyof typeof theme.colors) => EmbedTemplateStyleDecl[];
15
- declare const paddingProperty: (property: "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft") => (padding: 0 | 1 | "px" | 2 | 5 | 7 | 9 | 4 | 14 | 3 | 6 | 8 | 10 | 11 | 12 | 16 | 32 | 48 | 64 | 96 | 80 | 0.5 | 1.5 | 2.5 | 3.5 | 20 | 24 | 40 | 60 | 28 | 36 | 56 | 72 | 44 | 52) => EmbedTemplateStyleDecl[];
15
+ declare const paddingProperty: (property: "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft") => (padding: 0 | 1 | "px" | 2 | 5 | 7 | 10 | 4 | 14 | 3 | 6 | 8 | 9 | 11 | 12 | 16 | 32 | 48 | 64 | 96 | 80 | 0.5 | 1.5 | 2.5 | 3.5 | 20 | 24 | 40 | 60 | 28 | 36 | 56 | 72 | 44 | 52) => EmbedTemplateStyleDecl[];
16
16
  export declare const pt: ReturnType<typeof paddingProperty>;
17
17
  export declare const pb: ReturnType<typeof paddingProperty>;
18
18
  export declare const pl: ReturnType<typeof paddingProperty>;
@@ -20,7 +20,7 @@ export declare const pr: ReturnType<typeof paddingProperty>;
20
20
  export declare const px: ReturnType<typeof paddingProperty>;
21
21
  export declare const py: ReturnType<typeof paddingProperty>;
22
22
  export declare const p: ReturnType<typeof paddingProperty>;
23
- declare const marginProperty: (property: "marginTop" | "marginRight" | "marginBottom" | "marginLeft") => (margin: 0 | 1 | "px" | 2 | 5 | 7 | 9 | 4 | 14 | 3 | "auto" | 6 | 8 | 10 | 11 | 12 | 16 | 32 | 48 | 64 | 96 | 80 | 0.5 | 1.5 | 2.5 | 3.5 | 20 | 24 | 40 | 60 | 28 | 36 | 56 | 72 | 44 | 52) => EmbedTemplateStyleDecl[];
23
+ declare const marginProperty: (property: "marginTop" | "marginRight" | "marginBottom" | "marginLeft") => (margin: 0 | 1 | "px" | 2 | 5 | 7 | 10 | 4 | 14 | 3 | "auto" | 6 | 8 | 9 | 11 | 12 | 16 | 32 | 48 | 64 | 96 | 80 | 0.5 | 1.5 | 2.5 | 3.5 | 20 | 24 | 40 | 60 | 28 | 36 | 56 | 72 | 44 | 52) => EmbedTemplateStyleDecl[];
24
24
  export declare const ml: ReturnType<typeof marginProperty>;
25
25
  export declare const mr: ReturnType<typeof marginProperty>;
26
26
  export declare const mt: ReturnType<typeof marginProperty>;
@@ -81,7 +81,7 @@ export declare const grow: () => EmbedTemplateStyleDecl[];
81
81
  export declare const shrink: (value: number) => EmbedTemplateStyleDecl[];
82
82
  export declare const gap: (gapValue: StringEnumToNumeric<keyof typeof theme.spacing>) => EmbedTemplateStyleDecl[];
83
83
  export declare const lineClamp: (lineClampValue: StringEnumToNumeric<keyof typeof theme.lineClamp>) => EmbedTemplateStyleDecl[];
84
- export declare const leading: (lineHeight: 5 | 7 | 9 | 4 | "normal" | 3 | "none" | 6 | 8 | 10 | "tight" | "snug" | "relaxed" | "loose") => EmbedTemplateStyleDecl[];
84
+ export declare const leading: (lineHeight: 5 | 7 | 10 | 4 | "normal" | 3 | "none" | 6 | 8 | 9 | "tight" | "snug" | "relaxed" | "loose") => EmbedTemplateStyleDecl[];
85
85
  export declare const tracking: (letterSpacing: "normal" | "tight" | "tighter" | "wide" | "wider" | "widest") => EmbedTemplateStyleDecl[];
86
86
  export declare const outline: (_value: "none") => EmbedTemplateStyleDecl[];
87
87
  type TextSize = keyof typeof theme.fontSize;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webstudio-is/sdk-components-react-radix",
3
- "version": "0.141.0",
3
+ "version": "0.143.0",
4
4
  "description": "Webstudio wrapper for radix library",
5
5
  "author": "Webstudio <github@webstudio.is>",
6
6
  "homepage": "https://webstudio.is",
@@ -55,9 +55,9 @@
55
55
  "@radix-ui/react-switch": "^1.0.3",
56
56
  "@radix-ui/react-tabs": "^1.0.4",
57
57
  "@radix-ui/react-tooltip": "^1.0.7",
58
- "@webstudio-is/icons": "0.141.0",
59
- "@webstudio-is/css-engine": "0.141.0",
60
- "@webstudio-is/react-sdk": "0.141.0"
58
+ "@webstudio-is/css-engine": "0.143.0",
59
+ "@webstudio-is/icons": "0.143.0",
60
+ "@webstudio-is/react-sdk": "0.143.0"
61
61
  },
62
62
  "devDependencies": {
63
63
  "@storybook/react": "^7.4.0",
@@ -67,12 +67,12 @@
67
67
  "react-dom": "^18.2.0",
68
68
  "tailwindcss": "^3.3.3",
69
69
  "typescript": "^5.2.2",
70
- "@webstudio-is/css-data": "0.141.0",
70
+ "@webstudio-is/generate-arg-types": "0.143.0",
71
+ "@webstudio-is/css-data": "0.143.0",
72
+ "@webstudio-is/sdk-components-react": "0.143.0",
71
73
  "@webstudio-is/sdk-cli": "^0.94.0",
72
- "@webstudio-is/generate-arg-types": "0.141.0",
73
- "@webstudio-is/sdk-components-react": "0.141.0",
74
- "@webstudio-is/tsconfig": "1.0.7",
75
- "@webstudio-is/storybook-config": "0.0.0"
74
+ "@webstudio-is/storybook-config": "0.0.0",
75
+ "@webstudio-is/tsconfig": "1.0.7"
76
76
  },
77
77
  "scripts": {
78
78
  "dev": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib --watch",