@vonage/vivid 3.0.0-next.6 → 3.0.0-next.7

package/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": [["@nrwl/web/babel", { "useBuiltIns": "usage" }]]
+}

package/.eslintrc.json

@@ -0,0 +1,70 @@
+{
+  "ignorePatterns": ["!**/*"],
+  "parserOptions": {
+    "project": "./tsconfig.base.json"
+  },
+  "env": {
+    "browser": true
+  },
+  "plugins": ["@typescript-eslint", "import", "jsdoc"],
+  "extends": [
+    "../../.eslintrc.json",
+    "@microsoft/eslint-config-fast-dna",
+    "plugin:compat/recommended",
+    "plugin:jsdoc/recommended"
+  ],
+  "rules": {
+    // lint
+    "@nrwl/nx/workspace/no-attribute-default-value": "error",
+    "indent": "off",
+    "@typescript-eslint/indent": [
+      "error",
+      "tab"
+    ],
+    "no-tabs": "off",
+    "no-mixed-spaces-and-tabs": "error",
+    "linebreak-style": [
+      "error",
+      "unix"
+    ],
+    "semi": [
+      "error",
+      "always"
+    ],
+    "quotes": [
+      "error",
+      "single",
+      {
+        "avoidEscape": true
+      }
+    ],
+    "no-var": "error",
+    "no-floating-decimal": "error",
+    "prefer-const": "error",
+    // functional
+    "compat/compat": "error",
+    "import/prefer-default-export": "off",
+    "class-methods-use-this": "off",
+    "no-new": "warn",
+    "@typescript-eslint/explicit-member-accessibility": [
+      "error",
+      {
+        "accessibility": "no-public"
+      }
+    ]
+  },
+  "overrides": [
+    {
+      "files": ["rollup.config.*.ts"],
+      "rules": {
+        "@typescript-eslint/no-var-requires": "off"
+      }
+    },
+    {
+      "files": ["*.spec.ts", "*.test.ts"],
+      "rules": {
+        "@nrwl/nx/enforce-module-boundaries": "off"
+      }
+    }
+  ]
+}

package/.stylelintrc.json

@@ -0,0 +1,8 @@
+{
+  "extends": [
+    "../../.stylelintrc.json"
+  ],
+  "ignoreFiles": [
+    "!**/*"
+  ]
+}

package/CHANGELOG.json

@@ -0,0 +1,343 @@
+{
+  "name": "@vonage/vivid",
+  "entries": [
+    {
+      "date": "Tue, 03 May 2022 20:34:05 GMT",
+      "tag": "@vonage/vivid_v3.0.0-next.7",
+      "version": "3.0.0-next.7",
+      "comments": {
+        "none": [
+          {
+            "author": "rina.oksman@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "2467726ef3fd7167f40112b4978adc78680a08c9",
+            "comment": "add popup component"
+          },
+          {
+            "author": "rachel.tannenbaum@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "276ca4d4d11a833411038db5b5ca6edc6b206eca",
+            "comment": "fix(popup): change wrapping order"
+          },
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "8a84739c2873518590f2b5b897a6f7c5aa95e07c",
+            "comment": "Banner PR fixes"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "7826de124e6a8bab18da6a079f3a3d7701de816e",
+            "comment": "update icons set version"
+          },
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "61a87631818f2265f2927ebd49aa7f65148101fc",
+            "comment": "change the package to ES module"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "96c6e80b9ed34cd7acd2c51fcf6b9fd25a8df415",
+            "comment": "ui-tests support for multi components imports"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "943dde7f3c6e5f9b18ea5f46dca4d9ed2df01789",
+            "comment": "correlate affix patterns with anchor template"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "ad44ad07e743e4141b3d516799c210f0230d3a53",
+            "comment": "docs style updates"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "809102794a33801c475b39916e13703815ec5e71",
+            "comment": "remove redundant slots from side drawer"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "ef68d14820fc14e1954600862fac14b7611ca61a",
+            "comment": "Added text component to vivid next"
+          },
+          {
+            "author": "rina.oksman@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "3d5b2e8707f4d8c5b87ae2f3d910a3298a2db3f3",
+            "comment": "migrate accordion item"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "d3fb967f0ee74cd8b7b8762f0501ad2a4c04e5f5",
+            "comment": "document tight attribute"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "dac03d5be96241b8c0a3b722e4c5128c4d714449",
+            "comment": "align banner with affix pattern"
+          },
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "21c553c597688d3dc6d7a3c2065e1bc8c3065704",
+            "comment": "Update playwright version to 1.21.0"
+          },
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "eed7821fe1eff3eb23c935c9e1e19def242cc28d",
+            "comment": "Migrate nx to 14.0.5"
+          },
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "632963523b99eea516321267611cf43b280a7ce3",
+            "comment": "Add icon tests"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "e8d026136db9b0dcafd27f71b0948479be1a7bea",
+            "comment": "migrate calendar to vivid@next"
+          },
+          {
+            "author": "rachel.tannenbaum@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "b04e56803cffe2bcf4e7bf35269a4f3550e481fd",
+            "comment": "feat(button): add states style"
+          },
+          {
+            "author": "rachel.tannenbaum@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "6f2ea49c82af418f4260ae5e91341d9af4e6ba2a",
+            "comment": "fix(elevation): add part"
+          },
+          {
+            "author": "rina.oksman@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "ac279aeefa1b1c244ba4440252a2366319dd303f",
+            "comment": "migrate tooltip"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "90c1ae800298e79c30d4051704a53c26fce03e4f",
+            "comment": "fix anchor's font style"
+          },
+          {
+            "author": "rachel.tannenbaum@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "2a985254c53abf3e3df74b15bc437a54b1b94b88",
+            "comment": "fix(appearance): prevent active to overide disable"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "c50944dfba6ecf1d1c1344bf1279af32ea1b6bf5",
+            "comment": "side effect import to run from index"
+          },
+          {
+            "author": "rina.oksman@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "fcced2bc1a375b0268f7f58440ae355eec7a6a40",
+            "comment": "side drawer migration"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "b04e56803cffe2bcf4e7bf35269a4f3550e481fd"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "023631a37ca036763d9a3eb526183c4e9d093779",
+            "comment": "lint rule to prevent default attribute assignment that mutates DOM"
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "e2a039eb25e384a20e6e64dafdc0b63c21f88400",
+            "comment": "banner removable now works"
+          },
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "839588bf1e2ebfd1b8d491bf59bef01eb760b4bf",
+            "comment": "add the banner component"
+          },
+          {
+            "author": "rachel.tannenbaum@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "fd78eff4dcad0472d42379f3b57a957ec50b706c",
+            "comment": "fix(components): update color tokens & states"
+          },
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "cdc0e74aa520afcddb402f573e2b18f33c8be607",
+            "comment": "change banner API"
+          },
+          {
+            "author": "rina.oksman@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "4cc572daec76c35aa07169df8391bc95ba9fae1c",
+            "comment": "fix md"
+          },
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "6830e885ababa700d55a04df67c4864a1e07fa5d",
+            "comment": "add progress-ring component"
+          },
+          {
+            "author": "rina.oksman@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "5b914d88e2161f9763b06e3cc38ee0c2d78951b3",
+            "comment": "remove hide and open"
+          },
+          {
+            "author": "rina.oksman@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "b0c6f5b1657651c08707ea35de9b16d72e074d03",
+            "comment": "migrate accordion"
+          },
+          {
+            "author": "rina.oksman@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "09892850a9a072763d3efad87ce0e943f25add12",
+            "comment": "remove hide and show"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "6d5ec3fc44d3b187e08994019c263553a89dfc31",
+            "comment": "elevation avoid default dp attribute mutating the dom"
+          },
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "8575244ef63c2840c71dfa4c8350e32d17ca4ae1",
+            "comment": "add the progress component"
+          },
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "fd9493d718a94d474a722b83b177893a98242c27",
+            "comment": "Update icon size"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 18 Mar 2022 08:18:37 GMT",
+      "tag": "@vonage/vivid_v3.0.0",
+      "version": "3.0.0-next.3",
+      "comments": {
+        "none": [
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "18d0da729e0d58df6e174cec69e18bad928fa930",
+            "comment": "rename components' ui tests intent definitions"
+          },
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "6e76ede9b7208b95eb20eb4b3d9677ba094cdc65",
+            "comment": "Add watch mode for components e2e"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "afee801358fef6013bcbb2157ac6eed2a6aa5f52",
+            "comment": "fixed typo of css variable in docs"
+          },
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "a64b8e0175504b4b0ad1191190b143c655c8565c",
+            "comment": "Remove breadcrumb-item from the docs"
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "5bf9f99f6dda10a5f675500b95c4d4f4cb339f16",
+            "comment": "Add the breadcrumb component"
+          },
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "4bfc8c6ee35f57bb8c783ceb4a4938e9c10494c4",
+            "comment": "add the breacdcrumbs item component"
+          },
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "8695b7561fbd745a861ee0e0acc7a29b2bd44c66",
+            "comment": "chore(text-anchor): feature underlying vivid anchor"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "c043c18d11b49a0015475e280d8d5202f6af5852",
+            "comment": "new sidenav-item component. part of the sidenav component scope"
+          },
+          {
+            "author": "rina.oksman@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "16c814529a0417c8bc35d183ccec5b0d99131127",
+            "comment": "update test"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 04 Mar 2022 07:18:22 GMT",
+      "tag": "@vonage/vivid_v3.0.0-next.2",
+      "version": "3.0.0-next.2",
+      "comments": {
+        "none": [
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "1630f0691c8c0ff63c9f7101a72d3721da90a06a",
+            "comment": "refactor(button): style redundant property"
+          },
+          {
+            "author": "yinon@hotmail.com",
+            "package": "@vonage/vivid",
+            "commit": "d11efcce3937c45ef55c827e1be7d9a000edddf4",
+            "comment": "refactor: extract affix to patterns"
+          },
+          {
+            "author": "yonatan.kra@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "29b4e3bf9fa19d24924da1bc001d5672b51f6148",
+            "comment": "Fix stylelint issues"
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "rina.oksman@vonage.com",
+            "package": "@vonage/vivid",
+            "commit": "291ffd24e3c94a6ac1f55ba7ab6c7017aa085791",
+            "comment": "Merge branch 'main' into refactor(elevation)_migrate_to_fast_element"
+          }
+        ]
+      }
+    }
+  ]
+}

package/CHANGELOG.md

@@ -0,0 +1,45 @@
+# Change Log - @vonage/vivid
+
+This log was last generated on Tue, 03 May 2022 20:34:05 GMT and should not be manually modified.
+
+<!-- Start content -->
+
+## 3.0.0-next.7
+
+Tue, 03 May 2022 20:34:05 GMT
+
+### Changes
+
+- banner removable now works (yonatan.kra@vonage.com)
+- add the banner component (yonatan.kra@vonage.com)
+- fix(components): update color tokens & states (rachel.tannenbaum@vonage.com)
+- change banner API (yonatan.kra@vonage.com)
+- fix md (rina.oksman@vonage.com)
+- add progress-ring component (yonatan.kra@vonage.com)
+- remove hide and open (rina.oksman@vonage.com)
+- migrate accordion (rina.oksman@vonage.com)
+- remove hide and show (rina.oksman@vonage.com)
+- elevation avoid default dp attribute mutating the dom (yinon@hotmail.com)
+- add the progress component (yonatan.kra@vonage.com)
+- Update icon size (yonatan.kra@vonage.com)
+
+## 3.0.0
+## 3.0.0-next.3
+
+Fri, 18 Mar 2022 08:18:37 GMT
+
+### Changes
+
+- Add the breadcrumb component (yonatan.kra@vonage.com)
+- add the breacdcrumbs item component (yonatan.kra@vonage.com)
+- chore(text-anchor): feature underlying vivid anchor (yonatan.kra@vonage.com)
+- new sidenav-item component. part of the sidenav component scope (yinon@hotmail.com)
+- update test (rina.oksman@vonage.com)
+
+## 3.0.0-next.2
+
+Fri, 04 Mar 2022 07:18:22 GMT
+
+### Changes
+
+- Merge branch 'main' into refactor(elevation)_migrate_to_fast_element (rina.oksman@vonage.com)

package/jest.config.cjs

@@ -0,0 +1,20 @@
+module.exports = {
+  displayName: 'components',
+  preset: '../../jest.preset.ts',
+  testEnvironment: 'jsdom',
+  globals: {
+    'ts-jest': {
+      tsconfig: '<rootDir>/tsconfig.spec.json',
+    },
+  },
+  transform: {
+    '^.+\\.[tj]s?$': 'ts-jest',
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!(@microsoft|exenv-es6)/)"
+  ],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  coverageDirectory: '../../coverage/libs/components',
+  testMatch: [ "**/__tests__/**/*.[jt]s?(x)", "**/?(*.)+(spec).[jt]s?(x)", "!**/?(*.)+(config.spec).[jt]s?(x)" ],
+  setupFilesAfterEnv: ["<rootDir>/setupJestTests.js"]
+};

package/package.json

@@ -1,19 +1,10 @@
 {
   "name": "@vonage/vivid",
-  "version": "3.0.0-next.6",
+  "version": "3.0.0-next.7",
   "type": "module",
+  "module": "index.js",
+  "main": "index.js",
   "exports": {
     "import": "./index.js"
-  },
-  "main": "./index.umd.js",
-  "module": "./index.esm.js",
-  "typings": "./index.d.ts",
-  "dependencies": {
-    "@microsoft/fast-element": "^1.9.0",
-    "@microsoft/fast-foundation": "^2.41.1",
-    "@microsoft/fast-web-utilities": "^5.2.0",
-    "ramda": "^0.27.2",
-    "@floating-ui/dom": "^0.4.0"
-  },
-  "peerDependencies": {}
+  }
 }

package/playwright.config.dev.ts

@@ -0,0 +1,21 @@
+import { PlaywrightTestConfig } from '@playwright/test';
+
+interface PlaywrightTestConfigWithRegression extends PlaywrightTestConfig {
+
+}
+
+const config: PlaywrightTestConfigWithRegression = {
+	testMatch: 'src/**/*.test.ts',
+	timeout: 0,
+	projects: [
+		{
+			name: 'Chrome Stable',
+			use: {
+				browserName: 'chromium',
+				channel: 'chrome',
+				headless: false
+			},
+		}
+	]
+};
+export default config;

package/playwright.config.ts

@@ -0,0 +1,34 @@
+import type { PlaywrightTestConfig } from '@playwright/test';
+
+interface PlaywrightTestConfigWithRegression extends PlaywrightTestConfig {
+
+}
+
+const config: PlaywrightTestConfigWithRegression = {
+	testMatch: 'src/**/*.test.ts',
+	outputDir: '../../test-results',
+	projects: [
+		{
+			name: 'Chrome Stable',
+			use: {
+				browserName: 'chromium',
+				channel: 'chrome',
+			},
+		},
+		{
+			name: 'Desktop Safari',
+			use: {
+				browserName: 'webkit',
+				viewport: { width: 1200, height: 750 },
+			}
+		},
+		{
+			name: 'Desktop Firefox',
+			use: {
+				browserName: 'firefox',
+				viewport: { width: 800, height: 600 },
+			}
+		},
+	]
+};
+export default config;