@material/web 0.1.0-alpha.0 → 0.1.0-alpha.2

package/compat/base/utils.js

@@ -1,39 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-export const deepActiveElementPath = (doc = window.document) => {
-    let activeElement = doc.activeElement;
-    const path = [];
-    if (!activeElement) {
-        return path;
-    }
-    while (activeElement) {
-        path.push(activeElement);
-        if (activeElement.shadowRoot) {
-            activeElement = activeElement.shadowRoot.activeElement;
-        }
-        else {
-            break;
-        }
-    }
-    return path;
-};
-export const doesElementContainFocus = (element) => {
-    const activePath = deepActiveElementPath();
-    if (!activePath.length) {
-        return false;
-    }
-    const deepActiveElement = activePath[activePath.length - 1];
-    const focusEv = new Event('check-if-focused', { bubbles: true, composed: true });
-    let composedPath = [];
-    const listener = (ev) => {
-        composedPath = ev.composedPath();
-    };
-    document.body.addEventListener('check-if-focused', listener);
-    deepActiveElement.dispatchEvent(focusEv);
-    document.body.removeEventListener('check-if-focused', listener);
-    return composedPath.indexOf(element) !== -1;
-};
-//# sourceMappingURL=utils.js.map

package/compat/base/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,GAAG,GAAG,MAAM,CAAC,QAAQ,EAAa,EAAE;IACxE,IAAI,aAAa,GAAG,GAAG,CAAC,aAAa,CAAC;IACtC,MAAM,IAAI,GAAc,EAAE,CAAC;IAE3B,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,aAAa,EAAE;QACpB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACzB,IAAI,aAAa,CAAC,UAAU,EAAE;YAC5B,aAAa,GAAG,aAAa,CAAC,UAAU,CAAC,aAAa,CAAC;SACxD;aAAM;YACL,MAAM;SACP;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,OAAoB,EAAW,EAAE;IACvE,MAAM,UAAU,GAAG,qBAAqB,EAAE,CAAC;IAE3C,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE;QACtB,OAAO,KAAK,CAAC;KACd;IAED,MAAM,iBAAiB,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC5D,MAAM,OAAO,GACT,IAAI,KAAK,CAAC,kBAAkB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;IACnE,IAAI,YAAY,GAAkB,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,CAAC,EAAS,EAAE,EAAE;QAC7B,YAAY,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC;IACnC,CAAC,CAAC;IAEF,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;IAC7D,iBAAiB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;IAEhE,OAAO,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AAC9C,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nexport const deepActiveElementPath = (doc = window.document): Element[] => {\n  let activeElement = doc.activeElement;\n  const path: Element[] = [];\n\n  if (!activeElement) {\n    return path;\n  }\n\n  while (activeElement) {\n    path.push(activeElement);\n    if (activeElement.shadowRoot) {\n      activeElement = activeElement.shadowRoot.activeElement;\n    } else {\n      break;\n    }\n  }\n\n  return path;\n};\n\nexport const doesElementContainFocus = (element: HTMLElement): boolean => {\n  const activePath = deepActiveElementPath();\n\n  if (!activePath.length) {\n    return false;\n  }\n\n  const deepActiveElement = activePath[activePath.length - 1];\n  const focusEv =\n      new Event('check-if-focused', {bubbles: true, composed: true});\n  let composedPath: EventTarget[] = [];\n  const listener = (ev: Event) => {\n    composedPath = ev.composedPath();\n  };\n\n  document.body.addEventListener('check-if-focused', listener);\n  deepActiveElement.dispatchEvent(focusEv);\n  document.body.removeEventListener('check-if-focused', listener);\n\n  return composedPath.indexOf(element) !== -1;\n};\n"]}

package/compat/density/_density.scss

@@ -1,106 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@use 'sass:list';
-@use 'sass:map';
-@use 'sass:meta';
-
-$interval: 4px !default;
-$minimum-scale: minimum !default;
-$maximum-scale: maximum !default;
-$supported-scales: (default, minimum, maximum) !default;
-$supported-properties: (height, size, margin-top, margin-bottom, top) !default;
-$default-scale: 0 !default;
-
-///
-/// Returns component property value based on given density config and density scale.
-///
-/// @param {Map} $density-config - Density configuration for component.
-/// @param {Number | String} $density-scale - Density scale value for component. Examples: `-3`, `0` or `minimum`.
-/// @param {Map} $property-name - Density scale map for the target component.
-///
-/// @example
-///   mdc-density-prop-value(
-///     $density-config: (
-///       height: (
-///         default: 36px,
-///         maximum: 40px,
-///         minimum: 24px,
-///       ),
-///     ),
-///     $density-scale: minimum,
-///     $property-name: height,
-///   )
-///   // 24px
-///
-/// @example
-///   mdc-density-prop-value(
-///     $density-config: (
-///       height: (
-///         default: 40px,
-///         maximum: 60px,
-///         minimum: 24px,
-///       ),
-///     ),
-///     $density-scale: -2,
-///     $property-name: height,
-///   )
-///   // 32px
-///
-/// @example
-///   mdc-density-prop-value(
-///     $density-config: (
-///       height: (
-///         default: 36px,
-///         maximum: 40px,
-///         minimum: 24px,
-///       ),
-///       width: (
-///         default: 56px,
-///         maximum: 64px,
-///         minimum: 48px,
-///       ),
-///     ),
-///     $density-scale: minimum,
-///     $property-name: width,
-///   )
-///   // 48px
-///
-@function prop-value($density-config, $density-scale, $property-name) {
-  @if (
-    meta.type-of($density-scale) ==
-      'string' and
-      list.index($list: $supported-scales, $value: $density-scale) ==
-      null
-  ) {
-    @error "mdc-density: Supported density scales #{$supported-scales}, but received #{$density-scale}.";
-  }
-
-  @if (
-    list.index($list: $supported-properties, $value: $property-name) == null
-  ) {
-    @error "mdc-density: Supported density properties #{$supported-properties}," +
-      "but received #{$property-name}.";
-  }
-
-  $value: null;
-  $property-scale-map: map.get($density-config, $property-name);
-
-  @if map.has-key($property-scale-map, $density-scale) {
-    $value: map.get($property-scale-map, $density-scale);
-  } @else {
-    $value: map.get($property-scale-map, default) + $density-scale * $interval;
-  }
-
-  $min-value: map.get($property-scale-map, $minimum-scale);
-  $max-value: map.get($property-scale-map, $maximum-scale);
-
-  @if ($value < $min-value or $value > $max-value) {
-    @error "mdc-density: #{$property-name} must be between #{$min-value} and " +
-      "#{$max-value} (inclusive), but received #{$value}.";
-  }
-
-  @return $value;
-}

package/compat/dom/keyboard.d.ts

@@ -1,33 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * KEY provides normalized string values for keys.
- */
-export declare const KEY: {
-    UNKNOWN: string;
-    BACKSPACE: string;
-    ENTER: string;
-    SPACEBAR: string;
-    PAGE_UP: string;
-    PAGE_DOWN: string;
-    END: string;
-    HOME: string;
-    ARROW_LEFT: string;
-    ARROW_UP: string;
-    ARROW_RIGHT: string;
-    ARROW_DOWN: string;
-    DELETE: string;
-    ESCAPE: string;
-    TAB: string;
-};
-/**
- * normalizeKey returns the normalized string for a navigational action.
- */
-export declare function normalizeKey(evt: KeyboardEvent): string;
-/**
- * isNavigationEvent returns whether the event is a navigation event
- */
-export declare function isNavigationEvent(evt: KeyboardEvent): boolean;

package/compat/dom/keyboard.js

@@ -1,109 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * KEY provides normalized string values for keys.
- */
-export const KEY = {
-    UNKNOWN: 'Unknown',
-    BACKSPACE: 'Backspace',
-    ENTER: 'Enter',
-    SPACEBAR: 'Spacebar',
-    PAGE_UP: 'PageUp',
-    PAGE_DOWN: 'PageDown',
-    END: 'End',
-    HOME: 'Home',
-    ARROW_LEFT: 'ArrowLeft',
-    ARROW_UP: 'ArrowUp',
-    ARROW_RIGHT: 'ArrowRight',
-    ARROW_DOWN: 'ArrowDown',
-    DELETE: 'Delete',
-    ESCAPE: 'Escape',
-    TAB: 'Tab',
-};
-const normalizedKeys = new Set();
-// IE11 has no support for new Map with iterable so we need to initialize this
-// by hand.
-normalizedKeys.add(KEY.BACKSPACE);
-normalizedKeys.add(KEY.ENTER);
-normalizedKeys.add(KEY.SPACEBAR);
-normalizedKeys.add(KEY.PAGE_UP);
-normalizedKeys.add(KEY.PAGE_DOWN);
-normalizedKeys.add(KEY.END);
-normalizedKeys.add(KEY.HOME);
-normalizedKeys.add(KEY.ARROW_LEFT);
-normalizedKeys.add(KEY.ARROW_UP);
-normalizedKeys.add(KEY.ARROW_RIGHT);
-normalizedKeys.add(KEY.ARROW_DOWN);
-normalizedKeys.add(KEY.DELETE);
-normalizedKeys.add(KEY.ESCAPE);
-normalizedKeys.add(KEY.TAB);
-const KEY_CODE = {
-    BACKSPACE: 8,
-    ENTER: 13,
-    SPACEBAR: 32,
-    PAGE_UP: 33,
-    PAGE_DOWN: 34,
-    END: 35,
-    HOME: 36,
-    ARROW_LEFT: 37,
-    ARROW_UP: 38,
-    ARROW_RIGHT: 39,
-    ARROW_DOWN: 40,
-    DELETE: 46,
-    ESCAPE: 27,
-    TAB: 9,
-};
-const mappedKeyCodes = new Map();
-// IE11 has no support for new Map with iterable so we need to initialize this
-// by hand.
-mappedKeyCodes.set(KEY_CODE.BACKSPACE, KEY.BACKSPACE);
-mappedKeyCodes.set(KEY_CODE.ENTER, KEY.ENTER);
-mappedKeyCodes.set(KEY_CODE.SPACEBAR, KEY.SPACEBAR);
-mappedKeyCodes.set(KEY_CODE.PAGE_UP, KEY.PAGE_UP);
-mappedKeyCodes.set(KEY_CODE.PAGE_DOWN, KEY.PAGE_DOWN);
-mappedKeyCodes.set(KEY_CODE.END, KEY.END);
-mappedKeyCodes.set(KEY_CODE.HOME, KEY.HOME);
-mappedKeyCodes.set(KEY_CODE.ARROW_LEFT, KEY.ARROW_LEFT);
-mappedKeyCodes.set(KEY_CODE.ARROW_UP, KEY.ARROW_UP);
-mappedKeyCodes.set(KEY_CODE.ARROW_RIGHT, KEY.ARROW_RIGHT);
-mappedKeyCodes.set(KEY_CODE.ARROW_DOWN, KEY.ARROW_DOWN);
-mappedKeyCodes.set(KEY_CODE.DELETE, KEY.DELETE);
-mappedKeyCodes.set(KEY_CODE.ESCAPE, KEY.ESCAPE);
-mappedKeyCodes.set(KEY_CODE.TAB, KEY.TAB);
-const navigationKeys = new Set();
-// IE11 has no support for new Set with iterable so we need to initialize this
-// by hand.
-navigationKeys.add(KEY.PAGE_UP);
-navigationKeys.add(KEY.PAGE_DOWN);
-navigationKeys.add(KEY.END);
-navigationKeys.add(KEY.HOME);
-navigationKeys.add(KEY.ARROW_LEFT);
-navigationKeys.add(KEY.ARROW_UP);
-navigationKeys.add(KEY.ARROW_RIGHT);
-navigationKeys.add(KEY.ARROW_DOWN);
-/**
- * normalizeKey returns the normalized string for a navigational action.
- */
-export function normalizeKey(evt) {
-    const { key } = evt;
-    // If the event already has a normalized key, return it
-    if (normalizedKeys.has(key)) {
-        return key;
-    }
-    // tslint:disable-next-line:deprecation
-    const mappedKey = mappedKeyCodes.get(evt.keyCode);
-    if (mappedKey) {
-        return mappedKey;
-    }
-    return KEY.UNKNOWN;
-}
-/**
- * isNavigationEvent returns whether the event is a navigation event
- */
-export function isNavigationEvent(evt) {
-    return navigationKeys.has(normalizeKey(evt));
-}
-//# sourceMappingURL=keyboard.js.map

package/compat/dom/keyboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard.js","sourceRoot":"","sources":["keyboard.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * KEY provides normalized string values for keys.\n */\nexport const KEY = {\n  UNKNOWN: 'Unknown',\n  BACKSPACE: 'Backspace',\n  ENTER: 'Enter',\n  SPACEBAR: 'Spacebar',\n  PAGE_UP: 'PageUp',\n  PAGE_DOWN: 'PageDown',\n  END: 'End',\n  HOME: 'Home',\n  ARROW_LEFT: 'ArrowLeft',\n  ARROW_UP: 'ArrowUp',\n  ARROW_RIGHT: 'ArrowRight',\n  ARROW_DOWN: 'ArrowDown',\n  DELETE: 'Delete',\n  ESCAPE: 'Escape',\n  TAB: 'Tab',\n};\n\nconst normalizedKeys = new Set<string>();\n// IE11 has no support for new Map with iterable so we need to initialize this\n// by hand.\nnormalizedKeys.add(KEY.BACKSPACE);\nnormalizedKeys.add(KEY.ENTER);\nnormalizedKeys.add(KEY.SPACEBAR);\nnormalizedKeys.add(KEY.PAGE_UP);\nnormalizedKeys.add(KEY.PAGE_DOWN);\nnormalizedKeys.add(KEY.END);\nnormalizedKeys.add(KEY.HOME);\nnormalizedKeys.add(KEY.ARROW_LEFT);\nnormalizedKeys.add(KEY.ARROW_UP);\nnormalizedKeys.add(KEY.ARROW_RIGHT);\nnormalizedKeys.add(KEY.ARROW_DOWN);\nnormalizedKeys.add(KEY.DELETE);\nnormalizedKeys.add(KEY.ESCAPE);\nnormalizedKeys.add(KEY.TAB);\n\nconst KEY_CODE = {\n  BACKSPACE: 8,\n  ENTER: 13,\n  SPACEBAR: 32,\n  PAGE_UP: 33,\n  PAGE_DOWN: 34,\n  END: 35,\n  HOME: 36,\n  ARROW_LEFT: 37,\n  ARROW_UP: 38,\n  ARROW_RIGHT: 39,\n  ARROW_DOWN: 40,\n  DELETE: 46,\n  ESCAPE: 27,\n  TAB: 9,\n};\n\nconst mappedKeyCodes = new Map<number, string>();\n// IE11 has no support for new Map with iterable so we need to initialize this\n// by hand.\nmappedKeyCodes.set(KEY_CODE.BACKSPACE, KEY.BACKSPACE);\nmappedKeyCodes.set(KEY_CODE.ENTER, KEY.ENTER);\nmappedKeyCodes.set(KEY_CODE.SPACEBAR, KEY.SPACEBAR);\nmappedKeyCodes.set(KEY_CODE.PAGE_UP, KEY.PAGE_UP);\nmappedKeyCodes.set(KEY_CODE.PAGE_DOWN, KEY.PAGE_DOWN);\nmappedKeyCodes.set(KEY_CODE.END, KEY.END);\nmappedKeyCodes.set(KEY_CODE.HOME, KEY.HOME);\nmappedKeyCodes.set(KEY_CODE.ARROW_LEFT, KEY.ARROW_LEFT);\nmappedKeyCodes.set(KEY_CODE.ARROW_UP, KEY.ARROW_UP);\nmappedKeyCodes.set(KEY_CODE.ARROW_RIGHT, KEY.ARROW_RIGHT);\nmappedKeyCodes.set(KEY_CODE.ARROW_DOWN, KEY.ARROW_DOWN);\nmappedKeyCodes.set(KEY_CODE.DELETE, KEY.DELETE);\nmappedKeyCodes.set(KEY_CODE.ESCAPE, KEY.ESCAPE);\nmappedKeyCodes.set(KEY_CODE.TAB, KEY.TAB);\n\nconst navigationKeys = new Set<string>();\n// IE11 has no support for new Set with iterable so we need to initialize this\n// by hand.\nnavigationKeys.add(KEY.PAGE_UP);\nnavigationKeys.add(KEY.PAGE_DOWN);\nnavigationKeys.add(KEY.END);\nnavigationKeys.add(KEY.HOME);\nnavigationKeys.add(KEY.ARROW_LEFT);\nnavigationKeys.add(KEY.ARROW_UP);\nnavigationKeys.add(KEY.ARROW_RIGHT);\nnavigationKeys.add(KEY.ARROW_DOWN);\n\n/**\n * normalizeKey returns the normalized string for a navigational action.\n */\nexport function normalizeKey(evt: KeyboardEvent): string {\n  const {key} = evt;\n  // If the event already has a normalized key, return it\n  if (normalizedKeys.has(key)) {\n    return key;\n  }\n\n  // tslint:disable-next-line:deprecation\n  const mappedKey = mappedKeyCodes.get(evt.keyCode);\n  if (mappedKey) {\n    return mappedKey;\n  }\n  return KEY.UNKNOWN;\n}\n\n/**\n * isNavigationEvent returns whether the event is a navigation event\n */\nexport function isNavigationEvent(evt: KeyboardEvent): boolean {\n  return navigationKeys.has(normalizeKey(evt));\n}\n"]}

package/compat/theme/_color-palette.scss

@@ -1,277 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-$red-50: #ffebee;
-$red-100: #ffcdd2;
-$red-200: #ef9a9a;
-$red-300: #e57373;
-$red-400: #ef5350;
-$red-500: #f44336;
-$red-600: #e53935;
-$red-700: #d32f2f;
-$red-800: #c62828;
-$red-900: #b71c1c;
-$red-a100: #ff8a80;
-$red-a200: #ff5252;
-$red-a400: #ff1744;
-$red-a700: #d50000;
-
-$pink-50: #fce4ec;
-$pink-100: #f8bbd0;
-$pink-200: #f48fb1;
-$pink-300: #f06292;
-$pink-400: #ec407a;
-$pink-500: #e91e63;
-$pink-600: #d81b60;
-$pink-700: #c2185b;
-$pink-800: #ad1457;
-$pink-900: #880e4f;
-$pink-a100: #ff80ab;
-$pink-a200: #ff4081;
-$pink-a400: #f50057;
-$pink-a700: #c51162;
-
-$purple-50: #f3e5f5;
-$purple-100: #e1bee7;
-$purple-200: #ce93d8;
-$purple-300: #ba68c8;
-$purple-400: #ab47bc;
-$purple-500: #9c27b0;
-$purple-600: #8e24aa;
-$purple-700: #7b1fa2;
-$purple-800: #6a1b9a;
-$purple-900: #4a148c;
-$purple-a100: #ea80fc;
-$purple-a200: #e040fb;
-$purple-a400: #d500f9;
-$purple-a700: #a0f;
-
-$deep-purple-50: #ede7f6;
-$deep-purple-100: #d1c4e9;
-$deep-purple-200: #b39ddb;
-$deep-purple-300: #9575cd;
-$deep-purple-400: #7e57c2;
-$deep-purple-500: #673ab7;
-$deep-purple-600: #5e35b1;
-$deep-purple-700: #512da8;
-$deep-purple-800: #4527a0;
-$deep-purple-900: #311b92;
-$deep-purple-a100: #b388ff;
-$deep-purple-a200: #7c4dff;
-$deep-purple-a400: #651fff;
-$deep-purple-a700: #6200ea;
-
-$indigo-50: #e8eaf6;
-$indigo-100: #c5cae9;
-$indigo-200: #9fa8da;
-$indigo-300: #7986cb;
-$indigo-400: #5c6bc0;
-$indigo-500: #3f51b5;
-$indigo-600: #3949ab;
-$indigo-700: #303f9f;
-$indigo-800: #283593;
-$indigo-900: #1a237e;
-$indigo-a100: #8c9eff;
-$indigo-a200: #536dfe;
-$indigo-a400: #3d5afe;
-$indigo-a700: #304ffe;
-
-$blue-50: #e3f2fd;
-$blue-100: #bbdefb;
-$blue-200: #90caf9;
-$blue-300: #64b5f6;
-$blue-400: #42a5f5;
-$blue-500: #2196f3;
-$blue-600: #1e88e5;
-$blue-700: #1976d2;
-$blue-800: #1565c0;
-$blue-900: #0d47a1;
-$blue-a100: #82b1ff;
-$blue-a200: #448aff;
-$blue-a400: #2979ff;
-$blue-a700: #2962ff;
-
-$light-blue-50: #e1f5fe;
-$light-blue-100: #b3e5fc;
-$light-blue-200: #81d4fa;
-$light-blue-300: #4fc3f7;
-$light-blue-400: #29b6f6;
-$light-blue-500: #03a9f4;
-$light-blue-600: #039be5;
-$light-blue-700: #0288d1;
-$light-blue-800: #0277bd;
-$light-blue-900: #01579b;
-$light-blue-a100: #80d8ff;
-$light-blue-a200: #40c4ff;
-$light-blue-a400: #00b0ff;
-$light-blue-a700: #0091ea;
-
-$cyan-50: #e0f7fa;
-$cyan-100: #b2ebf2;
-$cyan-200: #80deea;
-$cyan-300: #4dd0e1;
-$cyan-400: #26c6da;
-$cyan-500: #00bcd4;
-$cyan-600: #00acc1;
-$cyan-700: #0097a7;
-$cyan-800: #00838f;
-$cyan-900: #006064;
-$cyan-a100: #84ffff;
-$cyan-a200: #18ffff;
-$cyan-a400: #00e5ff;
-$cyan-a700: #00b8d4;
-
-$teal-50: #e0f2f1;
-$teal-100: #b2dfdb;
-$teal-200: #80cbc4;
-$teal-300: #4db6ac;
-$teal-400: #26a69a;
-$teal-500: #009688;
-$teal-600: #00897b;
-$teal-700: #00796b;
-$teal-800: #00695c;
-$teal-900: #004d40;
-$teal-a100: #a7ffeb;
-$teal-a200: #64ffda;
-$teal-a400: #1de9b6;
-$teal-a700: #00bfa5;
-
-$green-50: #e8f5e9;
-$green-100: #c8e6c9;
-$green-200: #a5d6a7;
-$green-300: #81c784;
-$green-400: #66bb6a;
-$green-500: #4caf50;
-$green-600: #43a047;
-$green-700: #388e3c;
-$green-800: #2e7d32;
-$green-900: #1b5e20;
-$green-a100: #b9f6ca;
-$green-a200: #69f0ae;
-$green-a400: #00e676;
-$green-a700: #00c853;
-
-$light-green-50: #f1f8e9;
-$light-green-100: #dcedc8;
-$light-green-200: #c5e1a5;
-$light-green-300: #aed581;
-$light-green-400: #9ccc65;
-$light-green-500: #8bc34a;
-$light-green-600: #7cb342;
-$light-green-700: #689f38;
-$light-green-800: #558b2f;
-$light-green-900: #33691e;
-$light-green-a100: #ccff90;
-$light-green-a200: #b2ff59;
-$light-green-a400: #76ff03;
-$light-green-a700: #64dd17;
-
-$lime-50: #f9fbe7;
-$lime-100: #f0f4c3;
-$lime-200: #e6ee9c;
-$lime-300: #dce775;
-$lime-400: #d4e157;
-$lime-500: #cddc39;
-$lime-600: #c0ca33;
-$lime-700: #afb42b;
-$lime-800: #9e9d24;
-$lime-900: #827717;
-$lime-a100: #f4ff81;
-$lime-a200: #eeff41;
-$lime-a400: #c6ff00;
-$lime-a700: #aeea00;
-
-$yellow-50: #fffde7;
-$yellow-100: #fff9c4;
-$yellow-200: #fff59d;
-$yellow-300: #fff176;
-$yellow-400: #ffee58;
-$yellow-500: #ffeb3b;
-$yellow-600: #fdd835;
-$yellow-700: #fbc02d;
-$yellow-800: #f9a825;
-$yellow-900: #f57f17;
-$yellow-a100: #ffff8d;
-$yellow-a200: #ff0;
-$yellow-a400: #ffea00;
-$yellow-a700: #ffd600;
-
-$amber-50: #fff8e1;
-$amber-100: #ffecb3;
-$amber-200: #ffe082;
-$amber-300: #ffd54f;
-$amber-400: #ffca28;
-$amber-500: #ffc107;
-$amber-600: #ffb300;
-$amber-700: #ffa000;
-$amber-800: #ff8f00;
-$amber-900: #ff6f00;
-$amber-a100: #ffe57f;
-$amber-a200: #ffd740;
-$amber-a400: #ffc400;
-$amber-a700: #ffab00;
-
-$orange-50: #fff3e0;
-$orange-100: #ffe0b2;
-$orange-200: #ffcc80;
-$orange-300: #ffb74d;
-$orange-400: #ffa726;
-$orange-500: #ff9800;
-$orange-600: #fb8c00;
-$orange-700: #f57c00;
-$orange-800: #ef6c00;
-$orange-900: #e65100;
-$orange-a100: #ffd180;
-$orange-a200: #ffab40;
-$orange-a400: #ff9100;
-$orange-a700: #ff6d00;
-
-$deep-orange-50: #fbe9e7;
-$deep-orange-100: #ffccbc;
-$deep-orange-200: #ffab91;
-$deep-orange-300: #ff8a65;
-$deep-orange-400: #ff7043;
-$deep-orange-500: #ff5722;
-$deep-orange-600: #f4511e;
-$deep-orange-700: #e64a19;
-$deep-orange-800: #d84315;
-$deep-orange-900: #bf360c;
-$deep-orange-a100: #ff9e80;
-$deep-orange-a200: #ff6e40;
-$deep-orange-a400: #ff3d00;
-$deep-orange-a700: #dd2c00;
-
-$brown-50: #efebe9;
-$brown-100: #d7ccc8;
-$brown-200: #bcaaa4;
-$brown-300: #a1887f;
-$brown-400: #8d6e63;
-$brown-500: #795548;
-$brown-600: #6d4c41;
-$brown-700: #5d4037;
-$brown-800: #4e342e;
-$brown-900: #3e2723;
-
-$grey-50: #fafafa;
-$grey-100: #f5f5f5;
-$grey-200: #eee;
-$grey-300: #e0e0e0;
-$grey-400: #bdbdbd;
-$grey-500: #9e9e9e;
-$grey-600: #757575;
-$grey-700: #616161;
-$grey-800: #424242;
-$grey-900: #212121;
-
-$blue-grey-50: #eceff1;
-$blue-grey-100: #cfd8dc;
-$blue-grey-200: #b0bec5;
-$blue-grey-300: #90a4ae;
-$blue-grey-400: #78909c;
-$blue-grey-500: #607d8b;
-$blue-grey-600: #546e7a;
-$blue-grey-700: #455a64;
-$blue-grey-800: #37474f;
-$blue-grey-900: #263238;

package/compat/theme/_css.scss

@@ -1,92 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@use 'sass:list';
-@use 'sass:map';
-@use 'sass:meta';
-@use './gss';
-
-/// When true, add an additional property/value declaration before declarations
-/// that use advanced features such as custom properties or CSS functions. This
-/// adds fallback support for older browsers such as IE11 that do not support
-/// these features at the cost of additional CSS. Set this variable to false to
-/// disable generating fallback declarations.
-$enable-fallback-declarations: true !default;
-
-/// Writes a CSS property/value declaration. This mixin is used throughout the
-/// theme package for consistency for dynamically setting CSS property values.
-///
-/// This mixin may optionally take a fallback value. For advanced features such
-/// as custom properties or CSS functions like min and max, a fallback value is
-/// recommended to support older browsers.
-///
-/// @param {String} $property - The CSS property of the declaration.
-/// @param {*} $value - The value of the CSS declaration. The value should be
-///     resolved by other theme functions first (i.e. custom property Maps and
-///     Material theme keys are not supported in this mixin). If the value is
-///     null, no declarations will be emitted.
-/// @param {*} $fallback - An optional fallback value for older browsers. If
-///     provided, a second property/value declaration will be added before the
-///     main property/value declaration.
-/// @param {Map} $gss - An optional Map of GSS annotations to add.
-/// @param {Bool} $important - If true, add `!important` to the declaration.
-@mixin declaration(
-  $property,
-  $value,
-  $fallback-value: null,
-  $gss: (),
-  $important: false
-) {
-  // Normally setting a null value to a property will not emit CSS, so mixins
-  // wouldn't need to check this. However, Sass will throw an error if the
-  // interpolated property is a custom property.
-  @if $value != null {
-    $important-rule: if($important, ' !important', '');
-
-    @if $fallback-value and $enable-fallback-declarations {
-      @include gss.annotate($gss);
-      #{$property}: #{$fallback-value} #{$important-rule};
-
-      // Add @alternate to annotations.
-      $gss: map.merge(
-        $gss,
-        (
-          alternate: true,
-        )
-      );
-    }
-
-    @include gss.annotate($gss);
-    #{$property}: #{$value}#{$important-rule};
-  }
-}
-
-/// Unpacks shorthand values for CSS properties (i.e. lists of 1-3 values).
-/// If a list of 4 values is given, it is returned as-is.
-///
-/// Examples:
-///
-/// unpack-value(4px) => 4px 4px 4px 4px
-/// unpack-value(4px 2px) => 4px 2px 4px 2px
-/// unpack-value(4px 2px 2px) => 4px 2px 2px 2px
-/// unpack-value(4px 2px 0 2px) => 4px 2px 0 2px
-///
-/// @param {Number | Map | List} $value - List of 1 to 4 value numbers.
-/// @return {List} a List of 4 value numbers.
-@function unpack-value($value) {
-  @if meta.type-of($value) == 'map' or list.length($value) == 1 {
-    @return $value $value $value $value;
-  } @else if list.length($value) == 4 {
-    @return $value;
-  } @else if list.length($value) == 3 {
-    @return list.nth($value, 1) list.nth($value, 2) list.nth($value, 3)
-      list.nth($value, 2);
-  } @else if list.length($value) == 2 {
-    @return list.nth($value, 1) list.nth($value, 2) list.nth($value, 1)
-      list.nth($value, 2);
-  }
-
-  @error "Invalid CSS property value: '#{$value}' is more than 4 values";
-}