constants.js 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /**
  2. * @license
  3. * Copyright 2016 Google Inc.
  4. *
  5. * Permission is hereby granted, free of charge, to any person obtaining a copy
  6. * of this software and associated documentation files (the "Software"), to deal
  7. * in the Software without restriction, including without limitation the rights
  8. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  9. * copies of the Software, and to permit persons to whom the Software is
  10. * furnished to do so, subject to the following conditions:
  11. *
  12. * The above copyright notice and this permission notice shall be included in
  13. * all copies or substantial portions of the Software.
  14. *
  15. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  16. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  17. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  18. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  19. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  20. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  21. * THE SOFTWARE.
  22. */
  23. export var cssClasses = {
  24. // Ripple is a special case where the "root" component is really a "mixin" of sorts,
  25. // given that it's an 'upgrade' to an existing component. That being said it is the root
  26. // CSS class that all other CSS classes derive from.
  27. BG_FOCUSED: 'mdc-ripple-upgraded--background-focused',
  28. FG_ACTIVATION: 'mdc-ripple-upgraded--foreground-activation',
  29. FG_DEACTIVATION: 'mdc-ripple-upgraded--foreground-deactivation',
  30. ROOT: 'mdc-ripple-upgraded',
  31. UNBOUNDED: 'mdc-ripple-upgraded--unbounded',
  32. };
  33. export var strings = {
  34. VAR_FG_SCALE: '--mdc-ripple-fg-scale',
  35. VAR_FG_SIZE: '--mdc-ripple-fg-size',
  36. VAR_FG_TRANSLATE_END: '--mdc-ripple-fg-translate-end',
  37. VAR_FG_TRANSLATE_START: '--mdc-ripple-fg-translate-start',
  38. VAR_LEFT: '--mdc-ripple-left',
  39. VAR_TOP: '--mdc-ripple-top',
  40. };
  41. export var numbers = {
  42. DEACTIVATION_TIMEOUT_MS: 225,
  43. FG_DEACTIVATION_MS: 150,
  44. INITIAL_ORIGIN_SCALE: 0.6,
  45. PADDING: 10,
  46. TAP_DELAY_MS: 300,
  47. };
  48. //# sourceMappingURL=constants.js.map