@vonage/vivid 3.0.0-next.7 → 3.0.0-test.0

package/tooltip/index.js

@@ -0,0 +1,65 @@
+import '../popup/index.js';
+import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
+import { s as styleInject } from '../shared/style-inject.es.js';
+import '../shared/web.dom-collections.iterator.js';
+import { c as classNames } from '../shared/class-names.js';
+import '../elevation/index.js';
+import '../button/index.js';
+import '../icon/index.js';
+import '../shared/icon.js';
+import '../shared/_has.js';
+import '../shared/when.js';
+import '../shared/index2.js';
+import '../shared/affix.js';
+import '../shared/apply-mixins.js';
+import '../shared/aria-global.js';
+import '../shared/es.object.assign.js';
+
+var css_248z = "/*\n  Do not edit directly\n  Generated on Wed, 27 Apr 2022 11:58:36 GMT\n*/\n.control {\n  pointer-events: none;\n}\n\n.tooltip {\n  width: var(--tooltip-inline-size, 240px);\n}\n.tooltip-text {\n  font: 600 ultra-condensed 14px / 20px SpeziaWebVariable;\n  letter-spacing: 0px;\n  text-decoration: none;\n  text-transform: none;\n  padding: 8px 12px;\n  color: var(--vvd-color-on-canvas);\n}";
+styleInject(css_248z);
+
+class Tooltip extends FoundationElement {
+  constructor() {
+    super(...arguments);
+    this.text = '';
+    this.open = false;
+  }
+
+}
+
+__decorate([attr({
+  mode: 'fromView'
+}), __metadata("design:type", Object)], Tooltip.prototype, "text", void 0);
+
+__decorate([attr({
+  mode: 'boolean'
+}), __metadata("design:type", Object)], Tooltip.prototype, "open", void 0);
+
+__decorate([attr, __metadata("design:type", String)], Tooltip.prototype, "corner", void 0);
+
+__decorate([attr, __metadata("design:type", String)], Tooltip.prototype, "anchor", void 0);
+
+let _2 = t => t,
+    _t;
+
+const getClasses = _ => classNames('control');
+
+const TooltipTemplate = () => html(_t || (_t = _2`
+<vwc-popup class="${0}" arrow alternate="true" 
+corner=${0} open=${0} anchor=${0}
+  exportparts="vvd-theme-alternate">
+  <div class="tooltip">
+    <header part="vvd-theme-alternate" class="tooltip-header">
+      <div class="tooltip-text">${0}</div>
+    </header>
+  </div>
+</vwc-popup>`), getClasses, x => x.corner, x => x.open, x => x.anchor, x => x.text);
+
+const vividTooltip = Tooltip.compose({
+  baseName: 'tooltip',
+  template: TooltipTemplate,
+  styles: css_248z
+});
+designSystem.register(vividTooltip());
+
+export { vividTooltip };

package/.babelrc

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

package/.eslintrc.json

@@ -1,70 +0,0 @@
-{
-  "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

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

package/CHANGELOG.json

@@ -1,343 +0,0 @@
-{
-  "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

@@ -1,45 +0,0 @@
-# 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

@@ -1,20 +0,0 @@
-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/playwright.config.dev.ts

@@ -1,21 +0,0 @@
-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

@@ -1,34 +0,0 @@
-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;