Fixed spelling

samples/react-accordion-dynamic-section/README.md

@@ -6,8 +6,8 @@
 - Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab.
 - Ideal for displaying FAQs.
 - When adding the web part, you'll be prompted to select a list from a property panel dropdown (target list must be created with FAQ type Question and Answer.).
-- The webpart expects a choice type that will be used as Category.
-- The webpart will automatically load all the properties in two dropdowns. One for Accordian Title and One for Accordian Content that must be html type.
+- The web part expects a choice type that will be used as Category.
+- The web part will automatically load all the properties in two dropdowns. One for Accordion Title and One for Accordion Content that must be html type.
 - This will generate an accordion with one section for each item in the list.
 - Modifications/deletions/additions to the list items in the target list of an added web part are automatically reflected on the page.
 - To deploy to a Teams tab see current [Microsoft documentation](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-web-part-as-ms-teams-tab).
@@ -18,8 +18,8 @@
 
 **1) Create or use a list for FAQs.  It can have the FAQ format e.g. Title and a Content columns. You can also used the attached STP file if needed.:**
 
-- The value in the Accordian Title property for each item will appear in the heading bars of the Accordion.
-- The value in the Accordian Content property for each item will appear in the collapsible content section of the Accordion
+- The value in the Accordion Title property for each item will appear in the heading bars of the Accordion.
+- The value in the Accordion Content property for each item will appear in the collapsible content section of the Accordion
 - When creating the columns, select "Multiple lines of text". Rich text is now supported within the Content column.
 
 ![Create list for use with the Accordion](./assets/FAQsList.png)

samples/react-accordion-dynamic-section/lib/webparts/reactAccordion/ReactAccordionWebPart.js

@@ -265,12 +265,12 @@ var ReactAccordionWebPart = /** @class */ (function (_super) {
                                     disabled: this.choicesDropdownDisabled,
                                 }),
                                 PropertyPaneDropdown("accordianTitleColumn", {
-                                    label: "Select the Column for Accordian Title Rows.",
+                                    label: "Select the Column for Accordion Title Rows.",
                                     options: this.allListColumns,
                                     disabled: this.choicesDropdownDisabled,
                                 }),
                                 PropertyPaneDropdown("accordianContentColumn", {
-                                    label: "Select the Column for Accordian Content.",
+                                    label: "Select the Column for Accordion Content.",
                                     options: this.allListColumns,
                                     disabled: this.choicesDropdownDisabled,
                                 }),

samples/react-accordion-dynamic-section/lib/webparts/reactAccordion/components/ReactAccordion.module.css

@@ -1 +1,2 @@
-.reactAccordion_b579c085 .container_b579c085{max-width:700px;margin:0 auto;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 25px 50px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 25px 50px 0 rgba(0,0,0,.1)}.reactAccordion_b579c085 .row_b579c085{margin:0 -8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:"[theme:white, default: #ffffff]";background-color:"[theme:themeDark, default: #005a9e]";padding:20px}.reactAccordion_b579c085 .row_b579c085::after,.reactAccordion_b579c085 .row_b579c085::before{display:table;content:'';line-height:0}.reactAccordion_b579c085 .row_b579c085::after{clear:both}.reactAccordion_b579c085 .column_b579c085{position:relative;min-height:1px;padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}[dir=ltr] .reactAccordion_b579c085 .column_b579c085{float:left}[dir=rtl] .reactAccordion_b579c085 .column_b579c085{float:right}.reactAccordion_b579c085 .column_b579c085 .ms-Grid_b579c085{padding:0}@media (min-width:640px){.reactAccordion_b579c085 .column_b579c085{width:83.33333333333334%}}@media (min-width:1024px){.reactAccordion_b579c085 .column_b579c085{width:66.66666666666666%}}@media (min-width:1024px){[dir=ltr] .reactAccordion_b579c085 .column_b579c085{left:16.66667%}[dir=rtl] .reactAccordion_b579c085 .column_b579c085{right:16.66667%}}@media (min-width:640px){[dir=ltr] .reactAccordion_b579c085 .column_b579c085{left:8.33333%}[dir=rtl] .reactAccordion_b579c085 .column_b579c085{right:8.33333%}}.reactAccordion_b579c085 .title_b579c085{font-size:21px;font-weight:100;color:"[theme:white, default: #ffffff]"}.reactAccordion_b579c085 .subTitle_b579c085{font-size:17px;font-weight:300;color:"[theme:white, default: #ffffff]"}.reactAccordion_b579c085 .description_b579c085{font-size:17px;font-weight:300;color:"[theme:white, default: #ffffff]"}.reactAccordion_b579c085 .button_b579c085{text-decoration:none;height:32px;min-width:80px;background-color:"[theme:themePrimary, default: #0078d4]";border-color:"[theme:themePrimary, default: #0078d4]";color:"[theme:white, default: #ffffff]";outline:transparent;position:relative;font-family:"Segoe UI WestEuropean","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:400;border-width:0;text-align:center;cursor:pointer;display:inline-block;padding:0 16px}.reactAccordion_b579c085 .button_b579c085 .label_b579c085{font-weight:600;font-size:14px;height:32px;line-height:32px;margin:0 4px;vertical-align:top;display:inline-block}
+.reactAccordion_b579c085 .container_b579c085{max-width:700px;margin:0 auto;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 25px 50px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 25px 50px 0 rgba(0,0,0,.1)}.reactAccordion_b579c085 .row_b579c085{margin:0 -8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:"[theme:white, default: #ffffff]";background-color:"[theme:themeDark, default: #005a9e]";padding:20px}.reactAccordion_b579c085 .row_b579c085::after,.reactAccordion_b579c085 .row_b579c085::before{display:table;content:'';line-height:0}.reactAccordion_b579c085 .row_b579c085::after{clear:both}.reactAccordion_b579c085 .column_b579c085{position:relative;min-height:1px;padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}[dir=ltr] .reactAccordion_b579c085 .column_b579c085{float:left}[dir=rtl] .reactAccordion_b579c085 .column_b579c085{float:right}.reactAccordion_b579c085 .column_b579c085 .ms-Grid_b579c085{padding:0}@media (min-width:640px){.reactAccordion_b579c085 .column_b579c085{width:83.33333333333334%}}@media (min-width:1024px){.reactAccordion_b579c085 .column_b579c085{width:66.66666666666666%}}@media (min-width:1024px){[dir=ltr] .reactAccordion_b579c085 .column_b579c085{left:16.66667%}[dir=rtl] .reactAccordion_b579c085 .column_b579c085{right:16.66667%}}@media (min-width:640px){[dir=ltr] .reactAccordion_b579c085 .column_b579c085{left:8.33333%}[dir=rtl] .reactAccordion_b579c085 .column_b579c085{right:8.33333%}}.reactAccordion_b579c085 .title_b579c085{font-size:21px;font-weight:100;color:"[theme:white, default: #ffffff]"}.reactAccordion_b579c085 .subTitle_b579c085{font-size:17px;font-weight:300;color:"[theme:white, default: #ffffff]"}.reactAccordion_b579c085 .description_b579c085{font-size:17px;font-weight:300;color:"[theme:white, default: #ffffff]"}.reactAccordion_b579c085 .button_b579c085{text-decoration:none;height:32px;min-width:80px;background-color:"[theme:themePrimary, default: #0078d4]";border-color:"[theme:themePrimary, default: #0078d4]";color:"[theme:white, default: #ffffff]";outline:transparent;position:relative;font-family:"Segoe UI WestEuropean","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:400;border-width:0;text-align:center;cursor:pointer;display:inline-block;padding:0 16px}.reactAccordion_b579c085 .button_b579c085 .label_b579c085{font-weight:600;font-size:14px;height:32px;line-height:32px;margin:0 4px;vertical-align:top;display:inline-block}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyY1xcd2VicGFydHNcXHJlYWN0QWNjb3JkaW9uXFxjb21wb25lbnRzXFxSZWFjdEFjY29yZGlvbi5tb2R1bGUuc2NzcyIsIiRzdGRpbiIsIm5vZGVfbW9kdWxlc1xcb2ZmaWNlLXVpLWZhYnJpYy1yZWFjdFxcZGlzdFxcc2Fzc1xcbWl4aW5zXFxfR3JpZC5NaXhpbnMuc2NzcyIsIm5vZGVfbW9kdWxlc1xcb2ZmaWNlLXVpLWZhYnJpYy1yZWFjdFxcZGlzdFxcc2Fzc1xcbWl4aW5zXFxfR2VuZXJhbC5NaXhpbnMuc2NzcyIsIm5vZGVfbW9kdWxlc1xcb2ZmaWNlLXVpLWZhYnJpYy1yZWFjdFxcZGlzdFxcc2Fzc1xcbWl4aW5zXFxfRm9udC5NaXhpbnMuc2NzcyIsIm5vZGVfbW9kdWxlc1xcb2ZmaWNlLXVpLWZhYnJpYy1yZWFjdFxcZGlzdFxcc2Fzc1xcbWl4aW5zXFxfRGlyZWN0aW9uYWxpdHkuTWl4aW5zLnNjc3MiLCJub2RlX21vZHVsZXNcXG9mZmljZS11aS1mYWJyaWMtcmVhY3RcXGRpc3RcXHNhc3NcXG1peGluc1xcX1Jlc3BvbnNpdmUuTWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0MsNkNBRUcsVUFBQSxNQUNBLE9BQUEsRUFBQSxLQUNBLG1CQUFBLEVBQUEsSUFBQSxJQUFBLEVBQUEsY0NHZ0QsQ0RIaEQsRUFBQSxLQUFBLEtBQUEsRUFBQSxlQUFBLFdBQUEsRUFBQSxJQUFBLElBQUEsRUFBQSxjQ0lnRCxDREpoRCxFQUFBLEtBQUEsS0FBQSxFQUFBLGVBSkgsdUNFZUMsT0FBQSxFQUFBLEtDOEhBLG1CQUFBLFdBQUEsV0FBQSxXQ21KQSxNQUFBLGtDSnRSRSxpQkFBQSxzQ0FDQSxRQUFBLEtBWEgsOENBQUEsK0NHMEpHLFFBQUEsTUFDQSxRQUFBLEdBQ0EsWUFBQSxFSDVKSCw4Q0crSkcsTUFBQSxLSC9KSCwwQ0V3QkMsU0FBQSxTQUNBLFdBQUEsSUFDQSxhQUFBLElBQ0EsY0FBQSxJQ2tIQSxtQkFBQSxXQUFBLFdBQUEsV0hoSEEsb0RLb0pJLE1BQUEsS0xsSkosb0RLc0pJLE1BQUEsTUxyTEwsNERFaUNHLFFBQUEsRUlrWUYseUJObmFELDBDTW9hRyxNQUFBLG9CQXVRRiwwQk4zcUJELDBDTTRxQkcsTUFBQSxvQkEwSkYsMEJONXhCRSxvREsySkEsS0FBQSxVTHpKQSxvREs2SkEsTUFBQSxXQ29ZRix5Qk45aEJFLG9ES3NKQSxLQUFBLFNMcEpBLG9ES3dKQSxNQUFBLFVMek1ILHlDSWdGQyxVQUFBLEtBQ0EsWUFBQSxJQStNQSxNQUFBLGtDSmhTRCw0Q0lzRkMsVUFBQSxLQUNBLFlBQUEsSUF5TUEsTUFBQSxrQ0poU0QsK0NJc0ZDLFVBQUEsS0FDQSxZQUFBLElBeU1BLE1BQUEsa0NKaFNELDBDQXVDRyxnQkFBQSxLQUNBLE9BQUEsS0FHQSxVQUFBLEtBQ0EsaUJBQUEseUNBQ0EsYUFBQSx5Q0FDQSxNQUFBLGtDQUdBLFFBQUEsWUFDQSxTQUFBLFNBQ0EsWUFBQSx1QkM0QmtDLENENUJsQyxVQzRCNkMsQ0Q1QjdDLGFDNEIyRCxDRDVCM0Qsa0JDNEI4RSxDRDVCOUUsTUM0QnFGLENENUJyRixnQkM0QnNHLENENUJ0RyxXQUNBLHVCQUFBLFlBQ0EsVUFBQSxLQUNBLFlBQUEsSUFDQSxhQUFBLEVBQ0EsV0FBQSxPQUNBLE9BQUEsUUFDQSxRQUFBLGFBQ0EsUUFBQSxFQUFBLEtBM0RILDBEQThESyxZQUFBLElBQ0EsVUFBQSxLQUNBLE9BQUEsS0FDQSxZQUFBLEtBQ0EsT0FBQSxFQUFBLElBQ0EsZUFBQSxJQUNBLFFBQUEifQ== */

samples/react-accordion-dynamic-section/src/webparts/reactAccordion/ReactAccordionWebPart.ts

@@ -333,12 +333,12 @@ export default class ReactAccordionWebPart extends BaseClientSideWebPart<
                   disabled: this.choicesDropdownDisabled,
                 }),
                 PropertyPaneDropdown("accordianTitleColumn", {
-                  label: "Select the Column for Accordian Title Rows.",
+                  label: "Select the Column for Accordion Title Rows.",
                   options: this.allListColumns,
                   disabled: this.choicesDropdownDisabled,
                 }),
                 PropertyPaneDropdown("accordianContentColumn", {
-                  label: "Select the Column for Accordian Content.",
+                  label: "Select the Column for Accordion Content.",
                   options: this.allListColumns,
                   disabled: this.choicesDropdownDisabled,
                 }),