bbui version updated to latest & updated Label component used

packages/builder/package.json

@@ -57,7 +57,7 @@
     ]
   },
   "dependencies": {
-    "@budibase/bbui": "^1.29.0",
+    "@budibase/bbui": "^1.29.2",
     "@budibase/client": "^0.1.19",
     "@budibase/colorpicker": "^1.0.1",
     "@sentry/browser": "5.19.1",

packages/builder/src/components/common/DatePicker.svelte

@@ -26,7 +26,7 @@
 </script>
 
 <div class="bb-margin-m">
-  <Label size="s" forAttr={'datepicker-label'}>{label}</Label>
+  <Label small forAttr={'datepicker-label'}>{label}</Label>
   <div class="uk-form-controls">
     <input
       class="uk-input uk-form-width-{width} uk-form-{size}"

packages/builder/src/components/workflow/SetupPanel/ParamInputs/ComponentSelector.svelte

@@ -25,7 +25,7 @@
 </script>
 
 <div class="bb-margin-xl block-field">
-  <Label size="s" forAttr={'page'}>Page</Label>
+  <Label small forAttr={'page'}>Page</Label>
   <div class="uk-form-controls">
     <select class="budibase__input" bind:value={pageName}>
       {#each Object.keys(pages) as page}
@@ -34,7 +34,7 @@
     </select>
   </div>
   {#if components.length > 0}
-    <Label size="s" forAttr={'component'}>Component</Label>
+    <Label small forAttr={'component'}>Component</Label>
     <div class="uk-form-controls">
       <select class="budibase__input" bind:value>
         {#each components as component}

packages/builder/src/components/workflow/SetupPanel/ParamInputs/RecordSelector.svelte

@@ -15,7 +15,7 @@
 
 {#if value.model}
   <div class="bb-margin-xl block-field">
-    <Label size="s" forAttr={'fields'}>Fields</Label>
+    <Label small forAttr={'fields'}>Fields</Label>
     {#each Object.keys(value.model.schema) as field}
       <div class="bb-margin-xl">
         <Input bind:value={value[field]} label={field} />

packages/builder/src/components/workflow/SetupPanel/SetupPanel.svelte

@@ -112,7 +112,7 @@
         <div class="panel-body">
           <div class="block-label">Workflow: {workflow.name}</div>
           <div class="config-item">
-            <Label size="s" forAttr={'useraccess'}>User Access</Label>
+            <Label small forAttr={'useraccess'}>User Access</Label>
             <div class="access-levels">
 
               {#each ACCESS_LEVELS as level}

packages/standard-components/src/DataForm.svelte

@@ -168,7 +168,7 @@
   <div class="form-content">
     {#each fields as field}
       <div class="form-item">
-        <Label size="s" forAttr={'form-stacked-text'}>{field}</Label>
+        <Label small forAttr={'form-stacked-text'}>{field}</Label>
         {#if schema[field].type === 'string' && schema[field].constraints.inclusion}
           <select on:blur={handleInput(field)} bind:this={inputElements[field]}>
             {#each schema[field].constraints.inclusion as opt}

packages/standard-components/src/DataFormWide.svelte

@@ -168,7 +168,7 @@
   <div class="form-content">
     {#each fields as field}
       <div class="form-item">
-        <Label size="s" forAttr={'form-stacked-text'}>{field}</Label>
+        <Label small forAttr={'form-stacked-text'}>{field}</Label>
         {#if schema[field].type === 'string' && schema[field].constraints.inclusion}
           <select on:blur={handleInput(field)} bind:this={inputElements[field]}>
             {#each schema[field].constraints.inclusion as opt}