Merge branch 'master' into benelan/readme-add-badges

* master: (55 commits) build: update browserslist db (#5986) docs: update component READMEs (#5980) 1.0.0-next.670 refactor(input-date-picker,date-picker)!: Removing deprecated locale properties (#5977) 1.0.0-next.669 refactor(input-date-picker)!: Remove deprecated active property (#5974) 1.0.0-next.668 fix(modal, popover): Add `disableFocusTrap` property to toggle focus trapping. (#5965) 1.0.0-next.667 refactor(input-time-picker)!: Remove deprecated active property (#5970) docs(changelog): fix breaking change indent levels (#5973) 1.0.0-next.666 refactor(time-picker)!: Remove deprecated locale property (#5962) 1.0.0-next.665 fix(input, input-number, input-text): Fix infinite loop crashing browser. #5882 (#5961) test(floating-ui): fix type errors (#5966) docs: update component READMEs (#5964) 1.0.0-next.664 fix(alert): auto-dismissible retains close button and dismisses timer while a user is hovering over (#5872) chore(color-picker): add opacity string (#5959) ...
Esri · Dec 12, 2022 · a468648 · a468648
2 parents 11f6d5c + 66a98d1
commit a468648
Show file tree

Hide file tree

Showing 181 changed files with 6,278 additions and 4,103 deletions.
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,4 +1,3 @@
 **Related Issue:** #
 
 ## Summary
-
diff --git a/.github/workflows/deploy-next.yml b/.github/workflows/deploy-next.yml
@@ -8,7 +8,7 @@ on:
     branches: [master]
 jobs:
   build:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
       - uses: actions/checkout@v3
         with:

diff --git a/.github/workflows/pr-e2e.yml b/.github/workflows/pr-e2e.yml
@@ -4,7 +4,7 @@ on:
     branches: [master]
 jobs:
   e2e:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
       - uses: actions/checkout@v3
         with:

diff --git a/CHANGELOG.md b/CHANGELOG.md
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-next.658",
+  "version": "1.0.0-next.670",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -70,11 +70,11 @@
     "url": "git+https://github.com/Esri/calcite-components.git"
   },
   "dependencies": {
-    "@floating-ui/dom": "1.0.7",
-    "@stencil/core": "2.19.3",
+    "@floating-ui/dom": "1.0.8",
+    "@stencil/core": "2.20.0",
     "@types/color": "3.0.3",
     "color": "4.2.3",
-    "focus-trap": "7.1.0",
+    "focus-trap": "7.2.0",
     "form-request-submit-polyfill": "2.0.0",
     "lodash-es": "4.17.21",
     "sortablejs": "1.15.0"
@@ -87,13 +87,13 @@
     "@esri/eslint-plugin-calcite-components": "0.2.2",
     "@stencil/eslint-plugin": "0.4.0",
     "@stencil/postcss": "2.1.0",
-    "@stencil/sass": "2.0.0",
+    "@stencil/sass": "2.0.1",
     "@stencil/state-tunnel": "^1.0.1",
-    "@storybook/addon-a11y": "6.5.13",
-    "@storybook/addon-docs": "6.5.13",
-    "@storybook/addon-interactions": "6.5.13",
+    "@storybook/addon-a11y": "6.5.14",
+    "@storybook/addon-docs": "6.5.14",
+    "@storybook/addon-interactions": "6.5.14",
     "@storybook/addon-knobs": "6.4.0",
-    "@storybook/html": "6.5.13",
+    "@storybook/html": "6.5.14",
     "@storybook/storybook-deployer": "2.8.16",
     "@storybook/testing-library": "0.0.13",
     "@types/dedent": "0.7.0",
@@ -106,9 +106,9 @@
     "@types/shell-quote": "1.7.1",
     "@types/sortablejs": "1.15.0",
     "@types/standard-version": "7.0.1",
-    "@types/yargs": "17.0.15",
-    "@typescript-eslint/eslint-plugin": "5.45.0",
-    "@typescript-eslint/parser": "5.45.0",
+    "@types/yargs": "17.0.16",
+    "@typescript-eslint/eslint-plugin": "5.45.1",
+    "@typescript-eslint/parser": "5.45.1",
     "@whitespace/storybook-addon-html": "5.0.0",
     "autoprefixer": "10.4.13",
     "axe-core": "4.5.2",
@@ -121,34 +121,34 @@
     "conventional-changelog-cli": "2.2.2",
     "cpy-cli": "^4.0.0",
     "dedent": "0.7.0",
-    "eslint": "8.28.0",
+    "eslint": "8.29.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-jest": "27.1.6",
     "eslint-plugin-jsdoc": "39.6.4",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-react": "7.31.11",
-    "eslint-plugin-unicorn": "44.0.2",
+    "eslint-plugin-unicorn": "45.0.1",
     "gh-release": "6.0.4",
     "git-semver-tags": "4.1.1",
     "husky": "8.0.2",
     "jest": "27.4.5",
     "jest-axe": "7.0.0",
     "jest-cli": "27.4.5",
-    "lint-staged": "13.0.4",
+    "lint-staged": "13.1.0",
     "postcss": "8.4.19",
     "prettier": "2.8.0",
     "puppeteer": "10.0.0",
     "quicktype-core": "6.1.0",
     "rimraf": "3.0.2",
-    "screener-storybook": "0.23.0",
+    "screener-storybook": "0.24.0",
     "semver": "7.3.8",
     "shell-quote": "1.7.4",
     "standard-version": "9.5.0",
     "stencil-eslint-core": "0.3.1",
-    "storybook": "6.5.13",
+    "storybook": "6.5.14",
     "storybook-addon-themes": "6.1.0",
     "storybook-rtl-addon": "0.3.3",
-    "stylelint": "14.15.0",
+    "stylelint": "14.16.0",
     "stylelint-config-recommended-scss": "8.0.0",
     "stylelint-use-logical-spec": "4.1.0",
     "tailwindcss": "3.2.4",

diff --git a/src/components/accordion-item/accordion-item.tsx b/src/components/accordion-item/accordion-item.tsx
@@ -47,16 +47,16 @@ export class AccordionItem implements ConditionalSlotComponent {
   @Prop({ reflect: true, mutable: true }) expanded = false;
 
   /** Specifies heading text for the component. */
-  @Prop() heading?: string;
+  @Prop() heading: string;
 
   /** Specifies a description for the component. */
   @Prop() description: string;
 
   /** Specifies an icon to display at the start of the component. */
-  @Prop({ reflect: true }) iconStart?: string;
+  @Prop({ reflect: true }) iconStart: string;
 
   /** Specifies an icon to display at the end of the component. */
-  @Prop({ reflect: true }) iconEnd?: string;
+  @Prop({ reflect: true }) iconEnd: string;
 
   //--------------------------------------------------------------------------
   //

diff --git a/src/components/accordion/accordion.tsx b/src/components/accordion/accordion.tsx
@@ -38,8 +38,8 @@ export class Accordion {
   @Prop({ reflect: true }) scale: Scale = "m";
 
   /**
-   * Specifies the selection mode - "multiple" (allow any number of open items), "single" (allow one open item),
-   * or "single-persist" (allow and require one open item).
+   * Specifies the selection mode - `"multiple"` (allow any number of open items), `"single"` (allow one open item),
+   * or `"single-persist"` (allow and require one open item).
    */
   @Prop({ reflect: true }) selectionMode: AccordionSelectionMode = "multi";
 

diff --git a/src/components/accordion/readme.md b/src/components/accordion/readme.md
@@ -18,13 +18,13 @@
 
 ## Properties
 
-| Property        | Attribute        | Description                                                                                                                                                        | Type                                                    | Default     |
-| --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------- | ----------- |
-| `appearance`    | `appearance`     | Specifies the appearance of the component.                                                                                                                         | `"default" \| "minimal" \| "solid" \| "transparent"`    | `"solid"`   |
-| `iconPosition`  | `icon-position`  | Specifies the placement of the icon in the header.                                                                                                                 | `"end" \| "start"`                                      | `"end"`     |
-| `iconType`      | `icon-type`      | Specifies the type of the icon in the header.                                                                                                                      | `"caret" \| "chevron" \| "plus-minus"`                  | `"chevron"` |
-| `scale`         | `scale`          | Specifies the size of the component.                                                                                                                               | `"l" \| "m" \| "s"`                                     | `"m"`       |
-| `selectionMode` | `selection-mode` | Specifies the selection mode - "multiple" (allow any number of open items), "single" (allow one open item), or "single-persist" (allow and require one open item). | `"multi" \| "multiple" \| "single" \| "single-persist"` | `"multi"`   |
+| Property        | Attribute        | Description                                                                                                                                                              | Type                                                    | Default     |
+| --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------- | ----------- |
+| `appearance`    | `appearance`     | Specifies the appearance of the component.                                                                                                                               | `"default" \| "minimal" \| "solid" \| "transparent"`    | `"solid"`   |
+| `iconPosition`  | `icon-position`  | Specifies the placement of the icon in the header.                                                                                                                       | `"end" \| "start"`                                      | `"end"`     |
+| `iconType`      | `icon-type`      | Specifies the type of the icon in the header.                                                                                                                            | `"caret" \| "chevron" \| "plus-minus"`                  | `"chevron"` |
+| `scale`         | `scale`          | Specifies the size of the component.                                                                                                                                     | `"l" \| "m" \| "s"`                                     | `"m"`       |
+| `selectionMode` | `selection-mode` | Specifies the selection mode - `"multiple"` (allow any number of open items), `"single"` (allow one open item), or `"single-persist"` (allow and require one open item). | `"multi" \| "multiple" \| "single" \| "single-persist"` | `"multi"`   |
 
 ## Slots
 

diff --git a/src/components/action-bar/action-bar.tsx b/src/components/action-bar/action-bar.tsx
@@ -76,12 +76,12 @@ export class ActionBar implements ConditionalSlotComponent, LoadableComponent {
   /**
    * Specifies the label of the expand icon when the component is collapsed.
    */
-  @Prop() intlExpand?: string;
+  @Prop() intlExpand: string;
 
   /**
    * Specifies the label of the collapse icon when the component is expanded.
    */
-  @Prop() intlCollapse?: string;
+  @Prop() intlCollapse: string;
 
   /**
    *  The layout direction of the actions.

diff --git a/src/components/action-group/action-group.tsx b/src/components/action-group/action-group.tsx
@@ -46,12 +46,12 @@ export class ActionGroup implements ConditionalSlotComponent {
   /**
    * Indicates number of columns.
    */
-  @Prop({ reflect: true }) columns?: Columns;
+  @Prop({ reflect: true }) columns: Columns;
 
   /**
    * Specifies a text string for the `calcite-action-menu`.
    */
-  @Prop() intlMore?: string;
+  @Prop() intlMore: string;
 
   /**
    * When `true`, the `calcite-action-menu` is open.

diff --git a/src/components/action-menu/action-menu.tsx b/src/components/action-menu/action-menu.tsx
@@ -76,7 +76,7 @@ export class ActionMenu implements LoadableComponent {
   /**
    * Defines the available placements that can be used when a flip occurs.
    */
-  @Prop() flipPlacements?: EffectivePlacement[];
+  @Prop() flipPlacements: EffectivePlacement[];
 
   /**
    *  Specifies the text string for the component.
@@ -110,8 +110,6 @@ export class ActionMenu implements LoadableComponent {
 
   /**
    * Determines where the component will be positioned relative to the `referenceElement`.
-   *
-   * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
    */
   @Prop({ reflect: true }) placement: LogicalPlacement = "auto";