@momentum-ui/web-components 2.16.3 → 2.16.4

package/src/components/tooltip/tokens/mdv2-tooltip-tokens.js

@@ -1,42 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-/* eslint-disable no-undef */
-
-const tooltip = {
-  prefix: "mdv2",
-  component: "tooltip",
-  "font-color": {
-    common: "$mds-color-theme-inverted-text-primary-normal"
-  },
-  "bg-color": {
-    common: "$mds-color-theme-inverted-background-normal"
-  },
-  border: {
-    common: "$mds-color-theme-inverted-outline-primary-normal"
-  },
-  radius: {
-    common: "8px"
-  },
-  shadow: {
-    common: "none"
-  },
-  arrow: {
-    bottom: {
-      top: {
-        common: "-8px"
-      },
-      "before-top": {
-        common: "2px"
-      }
-    },
-    right: {
-      left: {
-        common: "-9px"
-      },
-      "before-top": {
-        common: "2px"
-      }
-    }
-  }
-};
-
-module.exports = tooltip;

package/src/constants.ts

@@ -1,42 +0,0 @@
-export enum Key {
-  ArrowDown = "ArrowDown",
-  ArrowLeft = "ArrowLeft",
-  ArrowRight = "ArrowRight",
-  ArrowUp = "ArrowUp",
-  Backspace = "Backspace",
-  Delete = "Delete",
-  End = "End",
-  Enter = "Enter",
-  Escape = "Escape",
-  Home = "Home",
-  Space = "Space",
-  Tab = "Tab",
-  Digit1 = "Digit1",
-  Digit2 = "Digit2",
-  Digit3 = "Digit3",
-  Digit4 = "Digit4",
-  Digit5 = "Digit5",
-  Digit6 = "Digit6",
-  Digit7 = "Digit7",
-  Digit8 = "Digit8",
-  Digit9 = "Digit9",
-  NumpadEnter = "NumpadEnter"
-}
-
-export enum TIME_UNIT {
-  HOUR = "hour",
-  MINUTE = "minute",
-  SECOND = "second",
-  AM_PM = "am_pm"
-}
-
-export enum ARIA_INVALID {
-  GRAMMAR = "grammar",
-  FALSE = "false",
-  SPELLING = "spelling",
-  TRUE = "true"
-}
-
-export enum ATTRIBUTES {
-  AriaActivedescendant = "aria-activedescendant"
-}

package/src/index.ts

@@ -1,82 +0,0 @@
-/**
- * Copyright (c) Cisco Systems, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-export { Accordion } from "./components/accordion/Accordion";
-export { AccordionItem } from "./components/accordion/AccordionItem";
-export { ActivityButton } from "./components/activity-button/ActivityButton";
-export { AdvanceList } from "./components/advance-list/AdvanceList";
-export { AlertBanner } from "./components/alert-banner/AlertBanner";
-export { Alert } from "./components/alert/Alert";
-export { AudioPlayer } from "./components/audio-player/AudioPlayer";
-export { Avatar } from "./components/avatar/Avatar";
-export { CompositeAvatar } from "./components/avatar/CompositeAvatar";
-export { Badge } from "./components/badge/Badge";
-export { Breadcrumb } from "./components/breadcrumb/Breadcrumb";
-export { ButtonGroup } from "./components/button-group/ButtonGroup";
-export { Button } from "./components/button/Button";
-export { CardAi } from "./components/card-ai/CardAi";
-export { Card } from "./components/card/Card";
-export { ChatMessage } from "./components/chat-message/ChatMessage";
-export { Checkbox } from "./components/checkbox/Checkbox";
-export { CheckboxGroup } from "./components/checkbox/CheckboxGroup";
-export { Chip } from "./components/chip/Chip";
-export { CoachmarkPopover } from "./components/coachmark-popover/CoachmarkPopover";
-export { Coachmark } from "./components/coachmark/Coachmark";
-export { CodeEditor } from "./components/code-editor/CodeEditor";
-export { ComboBox } from "./components/combobox/ComboBox";
-export { DateRangePicker } from "./components/date-range-picker/DateRangePicker";
-export { DateTimePicker } from "./components/date-time-picker/DateTimePicker";
-export { DatePicker } from "./components/datepicker/DatePicker";
-export { DatePickerCalendar } from "./components/datepicker/datepicker-calendar/DatePickerCalendar";
-export { DatePickerDay } from "./components/datepicker/datepicker-day/DatePickerDay";
-export { DatePickerMonth } from "./components/datepicker/datepicker-month/DatePickerMonth";
-export { DatePickerWeek } from "./components/datepicker/datepicker-week/DatePickerWeek";
-export { Draggable } from "./components/draggable/Draggable";
-export { DraggableItem } from "./components/draggable/DraggableItem";
-export { Dropdown } from "./components/dropdown/Dropdown";
-export { EditableTextfield } from "./components/editable-textfield/EditableTextfield";
-export { Favorite } from "./components/favorite/Favorite";
-export { FloatingMinimizedModal } from "./components/floating-modal/FloatingMinimizedModal";
-export { FloatingModal } from "./components/floating-modal/FloatingModal";
-export { Form } from "./components/form/Form";
-export { Grabber } from "./components/grabber/Grabber";
-export { HelpText } from "./components/help-text/HelpText";
-export { Icon } from "./components/icon/Icon";
-export { InputFile } from "./components/input-file/InputFile";
-export { Input } from "./components/input/Input";
-export { Label } from "./components/label/Label";
-export { Link } from "./components/link/Link";
-export { List } from "./components/list/List";
-export { ListItem } from "./components/list/ListItem";
-export { Loading } from "./components/loading/Loading";
-export { MeetingAlert } from "./components/meeting-alert/MeetingAlert";
-export { MenuOverlay } from "./components/menu-overlay/MenuOverlay";
-export { Menu } from "./components/menu/Menu";
-export { MenuItem } from "./components/menu/MenuItem";
-export { Modal } from "./components/modal/Modal";
-export { Pagination } from "./components/pagination/Pagination";
-export { PhoneInput } from "./components/phone-input/PhoneInput";
-export { Popover } from "./components/popover/Popover";
-export { ProgressBar } from "./components/progress-bar/ProgressBar";
-export { Radio } from "./components/radio/Radio";
-export { RadioGroup } from "./components/radio/RadioGroup";
-export { Slider } from "./components/slider/Slider";
-export { Spinner } from "./components/spinner/Spinner";
-export { TableAdvanced } from "./components/table-advanced/TableAdvanced";
-export { Table } from "./components/table/Table";
-export { Tab } from "./components/tabs/Tab";
-export { TabPanel } from "./components/tabs/TabPanel";
-export { Tabs } from "./components/tabs/Tabs";
-export { TaskItem } from "./components/taskitem/TaskItem";
-export { Theme, ThemeName } from "./components/theme/Theme";
-export { TimePicker } from "./components/timepicker/TimePicker";
-export { ToggleSwitch } from "./components/toggle-switch/ToggleSwitch";
-export { Tooltip } from "./components/tooltip/Tooltip";
-export { ThemeManager, themeManager } from "./managers/ThemeManager";
-
-// eslint-disable-next-line prettier/prettier

package/src/internal-components/color-table/ColorTable.stories.ts

@@ -1,31 +0,0 @@
-/**
- * Copyright (c) Cisco Systems, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import "@/internal-components/color-table/ColorTable";
-import { Args, Meta, StoryObj } from "@storybook/web-components";
-import { html } from "lit-html";
-
-const render = (_args: Args) => html` <color-table></color-table> `;
-
-export const ColorTable: StoryObj = {
-  args: {},
-  render: render
-};
-
-const meta: Meta = {
-  title: "Internal References/Color Table",
-  component: "color-table",
-  argTypes: {},
-  parameters: {
-    a11y: {
-      element: "color-table"
-    }
-  }
-};
-
-export default meta;

package/src/internal-components/color-table/ColorTable.ts

@@ -1,83 +0,0 @@
-import "@/components/table-advanced/TableAdvanced";
-import { TableAdvanced } from "@/components/table-advanced/TableAdvanced";
-import { colorTableData } from "@/wc_scss/colors/vars/color-table-data-string";
-import reset from "@/wc_scss/reset.scss";
-import { customElement, html, internalProperty, LitElement, PropertyValues } from "lit-element";
-import { nothing } from "lit-html";
-import { colorCellTemplates } from "./data";
-import styles from "./scss/module.scss";
-import { allColorTemplates } from "./utils";
-
-@customElement("color-table")
-export class ColorTableSandbox extends LitElement {
-  @internalProperty() private colorTokenTableData:
-    | { config: TableAdvanced.Config; data: TableAdvanced.Data }
-    | undefined = undefined;
-
-  firstUpdated(changedProperties: PropertyValues) {
-    super.firstUpdated(changedProperties);
-
-    // convert string to 2d array
-    const colorTableRowData = colorTableData.split("\n");
-
-    const colorTable2DArray: string[][] = [];
-    for (let i = 1; i < colorTableRowData.length - 1; i++) {
-      colorTable2DArray[i] = colorTableRowData[i].split(",");
-    }
-
-    this.colorTokenTableData = {
-      config: {
-        cellTemplates: colorCellTemplates,
-        isStickyHeader: true,
-
-        rows: {
-          isDraggable: true,
-          selectable: "multiple"
-        },
-
-        cols: {
-          isResizable: true,
-          define: [
-            { id: "c1", title: "Color Token CSS Variable", width: "40%", sorter: "byString", filters: "forString" },
-            { id: "c2", title: "Light Mode", width: "30%", sorter: "byString", filters: "forString" },
-            { id: "c3", title: "Dark Mode", width: "30%", filters: "forString" }
-          ]
-        }
-      },
-
-      data: {
-        list2d: colorTable2DArray
-      }
-    };
-  }
-
-  renderColorTable() {
-    if (this.colorTokenTableData?.config && this.colorTokenTableData?.data) {
-      return html`
-        </br>
-        <h3>Color Token Instructions</h3>
-        <p>
-          Within your stylesheet, you may use any of the CSS variables along with a fallback color as the second value.
-        </p>
-        <code class="code-block">background-color: var(--md-button-primary-bg-color, $md-button-primary-bg-color-light);</code>
-        <md-table-advanced
-          class="color-table"
-          .config=${this.colorTokenTableData.config}
-          .data=${this.colorTokenTableData.data}
-        >
-          ${allColorTemplates()}
-        </md-table-advanced>
-      `;
-    } else {
-      return nothing;
-    }
-  }
-
-  static get styles() {
-    return [reset, styles];
-  }
-
-  render() {
-    return html` ${this.renderColorTable()} `;
-  }
-}

package/src/internal-components/color-table/data.ts

@@ -1,203 +0,0 @@
-export const colorCellTemplates = {
-  _none_: { templateName: "nocolor" },
-  _$mdblue10_: { templateName: "mdblue10" },
-  _$mdblue20_: { templateName: "mdblue20" },
-  _$mdblue30_: { templateName: "mdblue30" },
-  _$mdblue40_: { templateName: "mdblue40" },
-  _$mdblue50_: { templateName: "mdblue50" },
-  _$mdblue60_: { templateName: "mdblue60" },
-  _$mdblue70_: { templateName: "mdblue70" },
-  _$mdblue80_: { templateName: "mdblue80" },
-  _$mdblue90_: { templateName: "mdblue90" },
-  _$mdblue95_: { templateName: "mdblue95" },
-  _$mdblue05_: { templateName: "mdblue05" },
-
-  _$mdred10_: { templateName: "mdred10" },
-  _$mdred20_: { templateName: "mdred20" },
-  _$mdred30_: { templateName: "mdred30" },
-  _$mdred40_: { templateName: "mdred40" },
-  _$mdred50_: { templateName: "mdred50" },
-  _$mdred60_: { templateName: "mdred60" },
-  _$mdred70_: { templateName: "mdred70" },
-  _$mdred80_: { templateName: "mdred80" },
-  _$mdred90_: { templateName: "mdred90" },
-  _$mdred95_: { templateName: "mdred95" },
-  _$mdred05_: { templateName: "mdred05" },
-
-  _$mdyellow10_: { templateName: "mdyellow10" },
-  _$mdyellow20_: { templateName: "mdyellow20" },
-  _$mdyellow30_: { templateName: "mdyellow30" },
-  _$mdyellow40_: { templateName: "mdyellow40" },
-  _$mdyellow50_: { templateName: "mdyellow50" },
-  _$mdyellow60_: { templateName: "mdyellow60" },
-  _$mdyellow70_: { templateName: "mdyellow70" },
-  _$mdyellow80_: { templateName: "mdyellow80" },
-  _$mdyellow90_: { templateName: "mdyellow90" },
-  _$mdyellow95_: { templateName: "mdyellow95" },
-  _$mdyellow05_: { templateName: "mdyellow05" },
-
-  _$mdgreen10_: { templateName: "mdgreen10" },
-  _$mdgreen20_: { templateName: "mdgreen20" },
-  _$mdgreen30_: { templateName: "mdgreen30" },
-  _$mdgreen40_: { templateName: "mdgreen40" },
-  _$mdgreen50_: { templateName: "mdgreen50" },
-  _$mdgreen60_: { templateName: "mdgreen60" },
-  _$mdgreen70_: { templateName: "mdgreen70" },
-  _$mdgreen80_: { templateName: "mdgreen80" },
-  _$mdgreen90_: { templateName: "mdgreen90" },
-  _$mdgreen95_: { templateName: "mdgreen95" },
-  _$mdgreen05_: { templateName: "mdgreen05" },
-
-  _$mdgray10_: { templateName: "mdgray10" },
-  _$mdgray20_: { templateName: "mdgray20" },
-  _$mdgray30_: { templateName: "mdgray30" },
-  _$mdgray40_: { templateName: "mdgray40" },
-  _$mdgray50_: { templateName: "mdgray50" },
-  _$mdgray60_: { templateName: "mdgray60" },
-  _$mdgray70_: { templateName: "mdgray70" },
-  _$mdgray80_: { templateName: "mdgray80" },
-  _$mdgray90_: { templateName: "mdgray90" },
-  _$mdgray95_: { templateName: "mdgray95" },
-  _$mdgray100_: { templateName: "mdgray100" },
-  _$mdgray05_: { templateName: "mdgray05" },
-
-  _$mdwhite60_: { templateName: "mdwhite60" },
-  _$mdwhite100_: { templateName: "mdwhite100" },
-  _$mdwhite_: { templateName: "white" },
-
-  _$mdblack100_: { templateName: "mdblack100" },
-  _$mdblack_: { templateName: "black" },
-
-  _$mdorange10_: { templateName: "mdorange10" },
-  _$mdorange20_: { templateName: "mdorange20" },
-  _$mdorange30_: { templateName: "mdorange30" },
-  _$mdorange40_: { templateName: "mdorange40" },
-  _$mdorange50_: { templateName: "mdorange50" },
-  _$mdorange60_: { templateName: "mdorange60" },
-  _$mdorange70_: { templateName: "mdorange70" },
-  _$mdorange80_: { templateName: "mdorange80" },
-  _$mdorange90_: { templateName: "mdorange90" },
-  _$mdorange100_: { templateName: "mdorange100" },
-
-  _$mdgold10_: { templateName: "mdgold10" },
-  _$mdgold20_: { templateName: "mdgold20" },
-  _$mdgold30_: { templateName: "mdgold30" },
-  _$mdgold40_: { templateName: "mdgold40" },
-  _$mdgold50_: { templateName: "mdgold50" },
-  _$mdgold60_: { templateName: "mdgold60" },
-  _$mdgold70_: { templateName: "mdgold70" },
-  _$mdgold80_: { templateName: "mdgold80" },
-  _$mdgold90_: { templateName: "mdgold90" },
-  _$mdgold100_: { templateName: "mdgold100" },
-
-  _$mdolive10_: { templateName: "mdolive10" },
-  _$mdolive20_: { templateName: "mdolive20" },
-  _$mdolive30_: { templateName: "mdolive30" },
-  _$mdolive40_: { templateName: "mdolive40" },
-  _$mdolive50_: { templateName: "mdolive50" },
-  _$mdolive60_: { templateName: "mdolive60" },
-  _$mdolive70_: { templateName: "mdolive70" },
-  _$mdolive80_: { templateName: "mdolive80" },
-  _$mdolive90_: { templateName: "mdolive90" },
-  _$mdolive100_: { templateName: "mdolive100" },
-
-  _$mdlime10_: { templateName: "mdlime10" },
-  _$mdlime20_: { templateName: "mdlime20" },
-  _$mdlime30_: { templateName: "mdlime30" },
-  _$mdlime40_: { templateName: "mdlime40" },
-  _$mdlime50_: { templateName: "mdlime50" },
-  _$mdlime60_: { templateName: "mdlime60" },
-  _$mdlime70_: { templateName: "mdlime70" },
-  _$mdlime80_: { templateName: "mdlime80" },
-  _$mdlime90_: { templateName: "mdlime90" },
-  _$mdlime100_: { templateName: "mdlime100" },
-
-  _$mdmint10_: { templateName: "mdmint10" },
-  _$mdmint20_: { templateName: "mdmint20" },
-  _$mdmint30_: { templateName: "mdmint30" },
-  _$mdmint40_: { templateName: "mdmint40" },
-  _$mdmint50_: { templateName: "mdmint50" },
-  _$mdmint60_: { templateName: "mdmint60" },
-  _$mdmint70_: { templateName: "mdmint70" },
-  _$mdmint80_: { templateName: "mdmint80" },
-  _$mdmint90_: { templateName: "mdmint90" },
-  _$mdmint100_: { templateName: "mdmint100" },
-
-  _$mdcyan10_: { templateName: "mdcyan10" },
-  _$mdcyan20_: { templateName: "mdcyan20" },
-  _$mdcyan30_: { templateName: "mdcyan30" },
-  _$mdcyan40_: { templateName: "mdcyan40" },
-  _$mdcyan50_: { templateName: "mdcyan50" },
-  _$mdcyan60_: { templateName: "mdcyan60" },
-  _$mdcyan70_: { templateName: "mdcyan70" },
-  _$mdcyan80_: { templateName: "mdcyan80" },
-  _$mdcyan90_: { templateName: "mdcyan90" },
-  _$mdcyan100_: { templateName: "mdcyan100" },
-
-  _$mdcobalt10_: { templateName: "mdcobalt10" },
-  _$mdcobalt20_: { templateName: "mdcobalt20" },
-  _$mdcobalt30_: { templateName: "mdcobalt30" },
-  _$mdcobalt40_: { templateName: "mdcobalt40" },
-  _$mdcobalt50_: { templateName: "mdcobalt50" },
-  _$mdcobalt60_: { templateName: "mdcobalt60" },
-  _$mdcobalt70_: { templateName: "mdcobalt70" },
-  _$mdcobalt80_: { templateName: "mdcobalt80" },
-  _$mdcobalt90_: { templateName: "mdcobalt90" },
-  _$mdcobalt100_: { templateName: "mdcobalt100" },
-
-  _$mdslate10_: { templateName: "mdslate10" },
-  _$mdslate20_: { templateName: "mdslate20" },
-  _$mdslate30_: { templateName: "mdslate30" },
-  _$mdslate40_: { templateName: "mdslate40" },
-  _$mdslate50_: { templateName: "mdslate50" },
-  _$mdslate60_: { templateName: "mdslate60" },
-  _$mdslate70_: { templateName: "mdslate70" },
-  _$mdslate80_: { templateName: "mdslate80" },
-  _$mdslate90_: { templateName: "mdslate90" },
-  _$mdslate100_: { templateName: "mdslate100" },
-
-  _$mdviolet10_: { templateName: "mdviolet10" },
-  _$mdviolet20_: { templateName: "mdviolet20" },
-  _$mdviolet30_: { templateName: "mdviolet30" },
-  _$mdviolet40_: { templateName: "mdviolet40" },
-  _$mdviolet50_: { templateName: "mdviolet50" },
-  _$mdviolet60_: { templateName: "mdviolet60" },
-  _$mdviolet70_: { templateName: "mdviolet70" },
-  _$mdviolet80_: { templateName: "mdviolet80" },
-  _$mdviolet90_: { templateName: "mdviolet90" },
-  _$mdviolet100_: { templateName: "mdviolet100" },
-
-  _$mdpurple10_: { templateName: "mdpurple10" },
-  _$mdpurple20_: { templateName: "mdpurple20" },
-  _$mdpurple30_: { templateName: "mdpurple30" },
-  _$mdpurple40_: { templateName: "mdpurple40" },
-  _$mdpurple50_: { templateName: "mdpurple50" },
-  _$mdpurple60_: { templateName: "mdpurple60" },
-  _$mdpurple70_: { templateName: "mdpurple70" },
-  _$mdpurple80_: { templateName: "mdpurple80" },
-  _$mdpurple90_: { templateName: "mdpurple90" },
-  _$mdpurple100_: { templateName: "mdpurple100" },
-
-  _$mdpink10_: { templateName: "mdpink10" },
-  _$mdpink20_: { templateName: "mdpink20" },
-  _$mdpink30_: { templateName: "mdpink30" },
-  _$mdpink40_: { templateName: "mdpink40" },
-  _$mdpink50_: { templateName: "mdpink50" },
-  _$mdpink60_: { templateName: "mdpink60" },
-  _$mdpink70_: { templateName: "mdpink70" },
-  _$mdpink80_: { templateName: "mdpink80" },
-  _$mdpink90_: { templateName: "mdpink90" },
-  _$mdpink100_: { templateName: "mdpink100" },
-
-  _$mdtheme10_: { templateName: "mdtheme10" },
-  _$mdtheme20_: { templateName: "mdtheme20" },
-  _$mdtheme30_: { templateName: "mdtheme30" },
-  _$mdtheme40_: { templateName: "mdtheme40" },
-  _$mdtheme50_: { templateName: "mdtheme50" },
-  _$mdtheme60_: { templateName: "mdtheme60" },
-  _$mdtheme70_: { templateName: "mdtheme70" },
-  _$mdtheme80_: { templateName: "mdtheme80" },
-  _$mdtheme90_: { templateName: "mdtheme90" },
-  _$mdtheme95_: { templateName: "mdtheme95" },
-  _$mdtheme05_: { templateName: "mdtheme05" }
-};