@esri/solutions-components 0.7.12-alpha → 0.7.13

package/CHANGELOG.md

@@ -6,6 +6,8 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 
 ## [Unreleased]
 
+## [0.7.12-alpha2] - Dec 18th 2023
+
 ## [0.7.12-alpha] - Dec 18th 2023
 
 ## [0.7.11] - Dec 13th 2023
@@ -362,4 +364,5 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 [0.7.10]: https://github.com/Esri/solution.js/compare/v0.7.9...v0.7.10 "v0.7.10"
 [0.7.11]: https://github.com/Esri/solution.js/compare/v0.7.10...v0.7.11 "v0.7.11"
 [0.7.12-alpha]: https://github.com/Esri/solution.js/compare/v0.7.11...v0.7.12-alpha "v0.7.12-alpha"
-[Unreleased]: https://github.com/Esri/solution.js/compare/v0.7.12-alpha...HEAD "Unreleased Changes"
+[0.7.12-alpha2]: https://github.com/Esri/solution.js/compare/v0.7.12-alpha...v0.7.12-alpha2 "v0.7.12-alpha2"
+[Unreleased]: https://github.com/Esri/solution.js/compare/v0.7.12-alpha2...HEAD "Unreleased Changes"

package/guides/Publishing to npmjs.md

@@ -3,16 +3,9 @@
 #### Checklist
 
 * \[ \] Stop automatic recompilation software
-* \[ \] Switch to `master` branch
-* \[ \] Merge in--but don't commit--the source branch, e.g., `develop` or the current `release/X.X.X` branch
-* \[ \] Change the package version number in package.json
-* \[ \] Run `npm install` to update package-lock.json
-* \[ \] Edit CHANGELOG.md
-  * \[ \] Add the version and date after the "## [Unreleased]" line, e.g., `## [0.1.6] - November 2nd 2022`
-  * \[ \] Define the version's symbol (e.g., "0.1.6") mapping from the previous version to the new version, e.g., `[0.1.6]: https://github.com/Esri/solution.js/compare/v0.1.5...v0.1.6 "v0.1.6"`
-  * \[ \] Update the "Unreleased" symbol to map from the new version to the "HEAD", e.g., `[Unreleased]: https://github.com/Esri/solution.js/compare/v0.1.6...HEAD "Unreleased Changes"`
-* \[ \] Commit everything and push `master` to GitHub
-* \[ \] Run `npm run release:publish`, supplying the npm OTP (one-time passcode from Okta Verify or similar) when prompted
+* \[ \] Run `npm run publish`
+  * \[ \] Select or enter the new version number (long delay afterwards)
+  * \[ \] Press ENTER to open the npm 2-factor prompt in a browser and enter the one-time password
 
 ---
 

package/lerna.json

@@ -0,0 +1,6 @@
+{
+  "packages": [
+    "packages/**"
+  ],
+  "version": "0.7.14"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/solutions-components",
-  "version": "0.7.12-alpha",
+  "version": "0.7.13",
   "description": "Web Components for Esri's Solutions Applications",
   "workspaces": [
     "packages/*"
@@ -10,7 +10,7 @@
     "clean": "turbo run clean && rimraf node_modules",
     "lint": "turbo run lint",
     "test": "turbo run test",
-    "release:publish": "npm publish --access public && ts-node ./support/releaseToGitHub.ts",
+    "publish": "lerna publish --no-git-tag-version --no-push --skip-npm --yes && npm publish --access public && bash ./support/publish.sh",
     "update-browserslist": "npx browserslist@latest --update-db"
   },
   "devDependencies": {
@@ -64,14 +64,16 @@
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-unicorn": "46.0.1",
+    "gh-release": "^7.0.2",
     "globby": "14.0.0",
     "husky": "8.0.3",
     "jest": "29.7.0",
     "jest-axe": "8.0.0",
     "jest-cli": "29.7.0",
-    "lerna": "7.1.5",
+    "lerna": "^7.1.5",
     "lint-staged": "13.2.3",
     "markdownlint-cli": "0.34.0",
+    "pify": "^6.1.0",
     "postcss": "8.4.32",
     "prettier": "2.8.8",
     "puppeteer": "21.5.0",

package/packages/node_modules/@esri/calcite-components/dist/collection/components/accordion/accordion.css

@@ -0,0 +1,77 @@
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
+ */
+/* mixins & extensions */
+/* helper to properly scale internal durations */
+/**
+* Currently only used in Checkbox.
+*/
+:host([scale=s]) {
+  --calcite-accordion-item-spacing-unit: 0.25rem;
+  --calcite-accordion-icon-margin: 0.5rem;
+  --calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) 0.5rem;
+  font-size: var(--calcite-font-size--2);
+  line-height: 1rem;
+}
+
+:host([scale=m]) {
+  --calcite-accordion-item-spacing-unit: 0.5rem;
+  --calcite-accordion-icon-margin: 0.75rem;
+  --calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) 0.75rem;
+  font-size: var(--calcite-font-size--1);
+  line-height: 1rem;
+}
+
+:host([scale=l]) {
+  --calcite-accordion-item-spacing-unit: 0.75rem;
+  --calcite-accordion-icon-margin: 1rem;
+  --calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) 1rem;
+  font-size: var(--calcite-font-size-0);
+  line-height: 1.25rem;
+}
+
+:host {
+  position: relative;
+  display: block;
+  max-inline-size: 100%;
+  line-height: 1.5rem;
+  --calcite-accordion-item-border: var(--calcite-color-border-2);
+  --calcite-accordion-item-background: var(--calcite-color-foreground-1);
+}
+
+.accordion--transparent {
+  --calcite-accordion-item-border: transparent;
+  --calcite-accordion-item-background: transparent;
+}
+
+.accordion {
+  border-width: 1px;
+  border-block-end-width: 0px;
+  border-style: solid;
+  border-color: var(--calcite-color-border-2);
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}

package/packages/node_modules/@esri/calcite-components/dist/collection/components/accordion-item/accordion-item.css

@@ -0,0 +1,263 @@
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
+ */
+/* mixins & extensions */
+/* helper to properly scale internal durations */
+/**
+* Currently only used in Checkbox.
+*/
+.icon-position--end, .icon-position--start {
+  /* icon rotation variables */
+  --calcite-accordion-item-icon-rotation: calc(90deg * -1);
+  --calcite-accordion-item-active-icon-rotation: 0deg;
+  --calcite-accordion-item-icon-rotation-rtl: 90deg;
+  --calcite-accordion-item-active-icon-rotation-rtl: 0deg;
+}
+
+.icon-position--start {
+  --calcite-accordion-item-flex-direction: row-reverse;
+  --calcite-accordion-item-icon-spacing-start: 0;
+  --calcite-accordion-item-icon-spacing-end: var(--calcite-accordion-icon-margin);
+}
+
+.icon-position--end {
+  --calcite-accordion-item-flex-direction: row;
+  --calcite-accordion-item-icon-spacing-start: var(--calcite-accordion-icon-margin);
+  --calcite-accordion-item-icon-spacing-end: 0;
+}
+
+.icon-position--end:not(.icon-type--plus-minus) {
+  --calcite-accordion-item-icon-rotation: 0deg;
+  --calcite-accordion-item-active-icon-rotation: 180deg;
+  --calcite-accordion-item-icon-rotation-rtl: 0deg;
+  --calcite-accordion-item-active-icon-rotation-rtl: calc(180deg * -1);
+}
+
+:host {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  color: var(--calcite-color-text-3);
+  text-decoration-line: none;
+  background-color: var(--calcite-accordion-item-background, var(--calcite-color-foreground-1));
+}
+
+:host .header-content {
+  outline-color: transparent;
+}
+
+:host(:focus) .header-content {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  outline: 2px solid var(--calcite-color-brand);
+  outline-offset: calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          );
+}
+
+:host([expanded]) {
+  color: var(--calcite-color-text-1);
+}
+:host([expanded]) .content {
+  display: block;
+  color: var(--calcite-color-text-1);
+}
+:host([expanded]) .header {
+  border-block-end-color: transparent;
+}
+
+:host .header {
+  display: flex;
+  align-items: stretch;
+}
+
+:host .icon {
+  position: relative;
+  margin: 0px;
+  display: inline-flex;
+  color: var(--calcite-color-text-3);
+  transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  margin-inline-end: var(--calcite-accordion-item-icon-spacing-start);
+  margin-inline-start: var(--calcite-accordion-item-icon-spacing-end);
+}
+
+.icon--start {
+  display: flex;
+  align-items: center;
+  margin-inline-end: var(--calcite-accordion-icon-margin);
+}
+
+.icon--end {
+  display: flex;
+  align-items: center;
+  margin-inline-end: var(--calcite-accordion-icon-margin);
+  margin-inline-start: var(--calcite-accordion-icon-margin);
+}
+
+.header-container {
+  inline-size: 100%;
+}
+
+.content {
+  padding: var(--calcite-accordion-item-padding);
+}
+
+:host .content,
+:host .header {
+  border-block-end: 1px solid var(--calcite-accordion-item-border, var(--calcite-color-border-2));
+}
+
+:host .header * {
+  display: inline-flex;
+  align-items: center;
+  transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  word-wrap: break-word;
+  word-break: break-word;
+}
+
+:host .content {
+  display: none;
+  padding-block-start: 0px;
+  color: var(--calcite-color-text-3);
+  text-align: initial;
+}
+
+:host .expand-icon {
+  color: var(--calcite-color-text-3);
+  margin-inline-start: var(--calcite-accordion-item-icon-spacing-start);
+  margin-inline-end: var(--calcite-accordion-item-icon-spacing-end);
+  transform: rotate(var(--calcite-accordion-item-icon-rotation));
+}
+
+.calcite--rtl .expand-icon {
+  transform: rotate(var(--calcite-accordion-item-icon-rotation-rtl));
+}
+
+:host([expanded]) .expand-icon {
+  color: var(--calcite-color-text-3);
+  transform: rotate(var(--calcite-accordion-item-active-icon-rotation));
+}
+
+:host([expanded]) .calcite--rtl .expand-icon {
+  transform: rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));
+}
+
+:host .header-text {
+  margin-block: 0px;
+  flex-grow: 1;
+  flex-direction: column;
+  padding-block: 0px;
+  text-align: initial;
+  margin-inline-end: auto;
+}
+
+:host .heading,
+:host .description {
+  display: flex;
+  inline-size: 100%;
+}
+
+:host .heading {
+  font-weight: var(--calcite-font-weight-medium);
+  color: var(--calcite-color-text-2);
+}
+
+:host .description {
+  margin-block-start: 0.25rem;
+  color: var(--calcite-color-text-3);
+}
+
+:host(:focus) .heading,
+:host(:hover) .heading {
+  color: var(--calcite-color-text-1);
+}
+:host(:focus) .icon,
+:host(:hover) .icon {
+  color: var(--calcite-color-text-1);
+}
+:host(:focus) .expand-icon,
+:host(:hover) .expand-icon {
+  color: var(--calcite-color-text-1);
+}
+:host(:focus) .description,
+:host(:hover) .description {
+  color: var(--calcite-color-text-2);
+}
+
+:host(:focus) .heading,
+:host(:active) .heading,
+:host([expanded]) .heading {
+  color: var(--calcite-color-text-1);
+}
+:host(:focus) .icon,
+:host(:active) .icon,
+:host([expanded]) .icon {
+  color: var(--calcite-color-text-1);
+}
+:host(:focus) .description,
+:host(:active) .description,
+:host([expanded]) .description {
+  color: var(--calcite-color-text-2);
+}
+
+.header-content {
+  flex-grow: 1;
+  cursor: pointer;
+  padding: var(--calcite-accordion-item-padding);
+  flex-direction: var(--calcite-accordion-item-flex-direction);
+}
+
+.actions-start,
+.actions-end {
+  display: flex;
+  align-items: center;
+}
+
+@media (forced-colors: active) {
+  :host([expanded]) .header {
+    border-block-end: none;
+  }
+  :host([expanded]) .heading {
+    /** give visual indicator of expanded state since subtle color changes can't be done **/
+    font-weight: bolder;
+  }
+  :host(:hover) .heading,
+  :host(:focus) .heading {
+    /** give visual indicator of expandability/click-ability since subtle color changes can't be done **/
+    text-decoration: underline;
+  }
+}
+:host([hidden]) {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}