Align 10.40 (#763)

* docs: fix typo [ci skip]

* docs(tree-view): update expanded nodes guidance

* chore(deps-dev): upgrade carbon-components to v10.40.0

* build(css): omit treeview SCSS import

treeview.scss is included in global styles.css by default in v10.40.0

* feat(date-picker): add helperText prop

Ref: 4b5b5fdf8

docs/src/COMPONENT_API.json

@@ -2734,6 +2734,17 @@
           "constant": false,
           "reactive": false
         },
+        {
+          "name": "helperText",
+          "kind": "let",
+          "description": "Specify the helper text",
+          "type": "string",
+          "value": "\"\"",
+          "isFunction": false,
+          "isFunctionDeclaration": false,
+          "constant": false,
+          "reactive": false
+        },
         {
           "name": "iconDescription",
           "kind": "let",

docs/src/pages/components/DatePicker.svx

@@ -13,6 +13,12 @@ components: ["DatePicker", "DatePickerInput", "DatePickerSkeleton"]
   <DatePickerInput labelText="Date of birth" placeholder="mm/dd/yyyy" />
 </DatePicker>
 
+### With helper text
+
+<DatePicker>
+  <DatePickerInput labelText="Date of birth" helperText="Example: 01/12/1990" placeholder="mm/dd/yyyy" />
+</DatePicker>
+
 ### Hidden label
 
 <DatePicker>

docs/src/pages/components/TreeView.svx

@@ -37,7 +37,7 @@ To render a node with an icon, define an `icon` property with a Carbon Svelte ic
 
 ### Initial expanded nodes
 
-Set `expanded` to `true` on nodes that should be expanded by default.
+Expanded nodes can be set using `expandedIds`.
 
 <FileSource src="/framed/TreeView/TreeViewExpanded" />
 

docs/src/pages/index.svelte

@@ -139,7 +139,7 @@
             <TabContent>
               <p>
                 An alternative to loading styles is to link an external
-                StyleSheet from a Content Delivery Networks (CDN) like
+                StyleSheet from a Content Delivery Network (CDN) like
                 <OutboundLink inline size="lg" href="https://unpkg.com/">
                   unpkg.com
                 </OutboundLink>.
@@ -159,18 +159,22 @@
             <TabContent>
               <p>
                 The most performant method to load styles is to import SCSS
-                directly from <code>carbon-components</code>. Although it
-                requires more set up, you can reduce the size of the bundle CSS
-                by importing individual component styles instead of a
-                pre-compiled CSS StyleSheet.
+                directly from
+                <code>carbon-components</code>. Although it requires more set
+                up, you can reduce the size of the bundle CSS by importing
+                individual component styles instead of a pre-compiled CSS
+                StyleSheet.
               </p>
               <p>
-                Refer to the <OutboundLink
+                Refer to the
+                <OutboundLink
                   inline
                   size="lg"
                   href="https://github.com/carbon-design-system/carbon/blob/main/docs/guides/sass.md"
-                  >official Carbon guide on SASS</OutboundLink
-                > for documentation.
+                >
+                  official Carbon guide on SASS
+                </OutboundLink>
+                for documentation.
               </p>
             </TabContent>
           </div>