@webstudio-is/sdk-components-react-radix 0.112.0 → 0.114.0

package/lib/metas.js

@@ -1742,14 +1742,14 @@ var metaCollapsible = {
     {
       type: "instance",
       component: "Collapsible",
-      dataSources: {
-        collapsibleOpen: { type: "variable", initialValue: false }
+      variables: {
+        collapsibleOpen: { initialValue: false }
       },
       props: [
         {
-          type: "dataSource",
+          type: "expression",
           name: "open",
-          dataSourceName: "collapsibleOpen"
+          code: "collapsibleOpen"
         },
         {
           name: "onOpenChange",
@@ -1891,14 +1891,14 @@ var metaDialog = {
     {
       type: "instance",
       component: "Dialog",
-      dataSources: {
-        dialogOpen: { type: "variable", initialValue: false }
+      variables: {
+        dialogOpen: { initialValue: false }
       },
       props: [
         {
-          type: "dataSource",
+          type: "expression",
           name: "open",
-          dataSourceName: "dialogOpen"
+          code: "dialogOpen"
         },
         {
           name: "onOpenChange",
@@ -2079,14 +2079,14 @@ var meta = {
       type: "instance",
       component: "Dialog",
       label: "Sheet",
-      dataSources: {
-        sheetOpen: { type: "variable", initialValue: false }
+      variables: {
+        sheetOpen: { initialValue: false }
       },
       props: [
         {
-          type: "dataSource",
+          type: "expression",
           name: "open",
-          dataSourceName: "sheetOpen"
+          code: "sheetOpen"
         },
         {
           name: "onOpenChange",
@@ -2321,14 +2321,14 @@ var metaPopover = {
     {
       type: "instance",
       component: "Popover",
-      dataSources: {
-        popoverOpen: { type: "variable", initialValue: false }
+      variables: {
+        popoverOpen: { initialValue: false }
       },
       props: [
         {
-          type: "dataSource",
+          type: "expression",
           name: "open",
-          dataSourceName: "popoverOpen"
+          code: "popoverOpen"
         },
         {
           name: "onOpenChange",
@@ -2413,14 +2413,14 @@ var metaTooltip = {
     {
       type: "instance",
       component: "Tooltip",
-      dataSources: {
-        tooltipOpen: { type: "variable", initialValue: false }
+      variables: {
+        tooltipOpen: { initialValue: false }
       },
       props: [
         {
-          type: "dataSource",
+          type: "expression",
           name: "open",
-          dataSourceName: "tooltipOpen"
+          code: "tooltipOpen"
         },
         {
           name: "onOpenChange",
@@ -2525,11 +2525,11 @@ var metaTabs = {
     {
       type: "instance",
       component: "Tabs",
-      dataSources: {
-        tabsValue: { type: "variable", initialValue: "0" }
+      variables: {
+        tabsValue: { initialValue: "0" }
       },
       props: [
-        { type: "dataSource", name: "value", dataSourceName: "tabsValue" },
+        { type: "expression", name: "value", code: "tabsValue" },
         {
           name: "onValueChange",
           type: "action",
@@ -3289,12 +3289,12 @@ var metaAccordion = {
     {
       type: "instance",
       component: "Accordion",
-      dataSources: {
-        accordionValue: { type: "variable", initialValue: "0" }
+      variables: {
+        accordionValue: { initialValue: "0" }
       },
       props: [
         { type: "boolean", name: "collapsible", value: true },
-        { type: "dataSource", name: "value", dataSourceName: "accordionValue" },
+        { type: "expression", name: "value", code: "accordionValue" },
         {
           name: "onValueChange",
           type: "action",
@@ -3698,11 +3698,11 @@ var metaNavigationMenu = {
     {
       type: "instance",
       component: "NavigationMenu",
-      dataSources: {
-        menuValue: { type: "variable", initialValue: "" }
+      variables: {
+        menuValue: { initialValue: "" }
       },
       props: [
-        { type: "dataSource", name: "value", dataSourceName: "menuValue" },
+        { type: "expression", name: "value", code: "menuValue" },
         {
           name: "onValueChange",
           type: "action",
@@ -3971,15 +3971,15 @@ var metaSelect = {
     {
       type: "instance",
       component: "Select",
-      dataSources: {
-        selectValue: { type: "variable", initialValue: "" },
-        selectOpen: { type: "variable", initialValue: false }
+      variables: {
+        selectValue: { initialValue: "" },
+        selectOpen: { initialValue: false }
       },
       props: [
         {
           name: "value",
-          type: "dataSource",
-          dataSourceName: "selectValue"
+          type: "expression",
+          code: "selectValue"
         },
         {
           name: "onValueChange",
@@ -3990,8 +3990,8 @@ var metaSelect = {
         },
         {
           name: "open",
-          type: "dataSource",
-          dataSourceName: "selectOpen"
+          type: "expression",
+          code: "selectOpen"
         },
         {
           name: "onOpenChange",
@@ -4195,14 +4195,14 @@ var metaSwitch = {
     {
       type: "instance",
       component: "Switch",
-      dataSources: {
-        switchChecked: { type: "variable", initialValue: false }
+      variables: {
+        switchChecked: { initialValue: false }
       },
       props: [
         {
           name: "checked",
-          type: "dataSource",
-          dataSourceName: "switchChecked"
+          type: "expression",
+          code: "switchChecked"
         },
         {
           name: "onCheckedChange",
@@ -4336,14 +4336,14 @@ var metaCheckbox = {
         {
           type: "instance",
           component: "Checkbox",
-          dataSources: {
-            checkboxChecked: { type: "variable", initialValue: false }
+          variables: {
+            checkboxChecked: { initialValue: false }
           },
           props: [
             {
               name: "checked",
-              type: "dataSource",
-              dataSourceName: "checkboxChecked"
+              type: "expression",
+              code: "checkboxChecked"
             },
             {
               name: "onCheckedChange",
@@ -4526,16 +4526,16 @@ var metaRadioGroup = {
     {
       type: "instance",
       component: "RadioGroup",
-      dataSources: {
-        radioGroupValue: { type: "variable", initialValue: "" }
+      variables: {
+        radioGroupValue: { initialValue: "" }
       },
       // grid gap-2
       styles: [flex(), flex("col"), gap(2)].flat(),
       props: [
         {
-          type: "dataSource",
+          type: "expression",
           name: "value",
-          dataSourceName: "radioGroupValue"
+          code: "radioGroupValue"
         },
         {
           name: "onValueChange",

package/lib/props.js

@@ -2241,14 +2241,14 @@ var metaCollapsible = {
     {
       type: "instance",
       component: "Collapsible",
-      dataSources: {
-        collapsibleOpen: { type: "variable", initialValue: false }
+      variables: {
+        collapsibleOpen: { initialValue: false }
       },
       props: [
         {
-          type: "dataSource",
+          type: "expression",
           name: "open",
-          dataSourceName: "collapsibleOpen"
+          code: "collapsibleOpen"
         },
         {
           name: "onOpenChange",
@@ -4945,14 +4945,14 @@ var metaDialog = {
     {
       type: "instance",
       component: "Dialog",
-      dataSources: {
-        dialogOpen: { type: "variable", initialValue: false }
+      variables: {
+        dialogOpen: { initialValue: false }
       },
       props: [
         {
-          type: "dataSource",
+          type: "expression",
           name: "open",
-          dataSourceName: "dialogOpen"
+          code: "dialogOpen"
         },
         {
           name: "onOpenChange",
@@ -5722,14 +5722,14 @@ var metaPopover = {
     {
       type: "instance",
       component: "Popover",
-      dataSources: {
-        popoverOpen: { type: "variable", initialValue: false }
+      variables: {
+        popoverOpen: { initialValue: false }
       },
       props: [
         {
-          type: "dataSource",
+          type: "expression",
           name: "open",
-          dataSourceName: "popoverOpen"
+          code: "popoverOpen"
         },
         {
           name: "onOpenChange",
@@ -6380,14 +6380,14 @@ var metaTooltip = {
     {
       type: "instance",
       component: "Tooltip",
-      dataSources: {
-        tooltipOpen: { type: "variable", initialValue: false }
+      variables: {
+        tooltipOpen: { initialValue: false }
       },
       props: [
         {
-          type: "dataSource",
+          type: "expression",
           name: "open",
-          dataSourceName: "tooltipOpen"
+          code: "tooltipOpen"
         },
         {
           name: "onOpenChange",
@@ -8625,11 +8625,11 @@ var metaTabs = {
     {
       type: "instance",
       component: "Tabs",
-      dataSources: {
-        tabsValue: { type: "variable", initialValue: "0" }
+      variables: {
+        tabsValue: { initialValue: "0" }
       },
       props: [
-        { type: "dataSource", name: "value", dataSourceName: "tabsValue" },
+        { type: "expression", name: "value", code: "tabsValue" },
         {
           name: "onValueChange",
           type: "action",
@@ -12013,12 +12013,12 @@ var metaAccordion = {
     {
       type: "instance",
       component: "Accordion",
-      dataSources: {
-        accordionValue: { type: "variable", initialValue: "0" }
+      variables: {
+        accordionValue: { initialValue: "0" }
       },
       props: [
         { type: "boolean", name: "collapsible", value: true },
-        { type: "dataSource", name: "value", dataSourceName: "accordionValue" },
+        { type: "expression", name: "value", code: "accordionValue" },
         {
           name: "onValueChange",
           type: "action",
@@ -14981,11 +14981,11 @@ var metaNavigationMenu = {
     {
       type: "instance",
       component: "NavigationMenu",
-      dataSources: {
-        menuValue: { type: "variable", initialValue: "" }
+      variables: {
+        menuValue: { initialValue: "" }
       },
       props: [
-        { type: "dataSource", name: "value", dataSourceName: "menuValue" },
+        { type: "expression", name: "value", code: "menuValue" },
         {
           name: "onValueChange",
           type: "action",
@@ -18889,15 +18889,15 @@ var metaSelect = {
     {
       type: "instance",
       component: "Select",
-      dataSources: {
-        selectValue: { type: "variable", initialValue: "" },
-        selectOpen: { type: "variable", initialValue: false }
+      variables: {
+        selectValue: { initialValue: "" },
+        selectOpen: { initialValue: false }
       },
       props: [
         {
           name: "value",
-          type: "dataSource",
-          dataSourceName: "selectValue"
+          type: "expression",
+          code: "selectValue"
         },
         {
           name: "onValueChange",
@@ -18908,8 +18908,8 @@ var metaSelect = {
         },
         {
           name: "open",
-          type: "dataSource",
-          dataSourceName: "selectOpen"
+          type: "expression",
+          code: "selectOpen"
         },
         {
           name: "onOpenChange",
@@ -20161,14 +20161,14 @@ var metaSwitch = {
     {
       type: "instance",
       component: "Switch",
-      dataSources: {
-        switchChecked: { type: "variable", initialValue: false }
+      variables: {
+        switchChecked: { initialValue: false }
       },
       props: [
         {
           name: "checked",
-          type: "dataSource",
-          dataSourceName: "switchChecked"
+          type: "expression",
+          code: "switchChecked"
         },
         {
           name: "onCheckedChange",
@@ -21392,14 +21392,14 @@ var metaCheckbox = {
         {
           type: "instance",
           component: "Checkbox",
-          dataSources: {
-            checkboxChecked: { type: "variable", initialValue: false }
+          variables: {
+            checkboxChecked: { initialValue: false }
           },
           props: [
             {
               name: "checked",
-              type: "dataSource",
-              dataSourceName: "checkboxChecked"
+              type: "expression",
+              code: "checkboxChecked"
             },
             {
               name: "onCheckedChange",
@@ -23205,16 +23205,16 @@ var metaRadioGroup = {
     {
       type: "instance",
       component: "RadioGroup",
-      dataSources: {
-        radioGroupValue: { type: "variable", initialValue: "" }
+      variables: {
+        radioGroupValue: { initialValue: "" }
       },
       // grid gap-2
       styles: [flex(), flex("col"), gap(2)].flat(),
       props: [
         {
-          type: "dataSource",
+          type: "expression",
           name: "value",
-          dataSourceName: "radioGroupValue"
+          code: "radioGroupValue"
         },
         {
           name: "onValueChange",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react-radix",
-  "version": "0.112.0",
+  "version": "0.114.0",
   "description": "Webstudio wrapper for radix library",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -55,9 +55,9 @@
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-tooltip": "^1.0.7",
-    "@webstudio-is/css-engine": "0.112.0",
-    "@webstudio-is/icons": "0.112.0",
-    "@webstudio-is/react-sdk": "0.112.0"
+    "@webstudio-is/css-engine": "0.114.0",
+    "@webstudio-is/icons": "0.114.0",
+    "@webstudio-is/react-sdk": "0.114.0"
   },
   "devDependencies": {
     "@storybook/react": "^7.4.0",
@@ -67,10 +67,10 @@
     "react-dom": "^18.2.0",
     "tailwindcss": "^3.3.3",
     "typescript": "^5.2.2",
-    "@webstudio-is/css-data": "0.112.0",
-    "@webstudio-is/generate-arg-types": "0.112.0",
+    "@webstudio-is/css-data": "0.114.0",
+    "@webstudio-is/generate-arg-types": "0.114.0",
     "@webstudio-is/sdk-cli": "^0.94.0",
-    "@webstudio-is/sdk-components-react": "0.112.0",
+    "@webstudio-is/sdk-components-react": "0.114.0",
     "@webstudio-is/storybook-config": "0.0.0",
     "@webstudio-is/tsconfig": "1.0.7"
   },