@muraldevkit/ds-foundation 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/README.md +99 -0
  2. package/assets/fonts/proximanova-bold.woff2 +0 -0
  3. package/assets/fonts/proximanova-extrabold.woff2 +0 -0
  4. package/assets/fonts/proximanova-medium.woff2 +0 -0
  5. package/assets/fonts/proximanova-regular.woff2 +0 -0
  6. package/assets/fonts/proximanova-semibold.woff2 +0 -0
  7. package/dist/android/mrl_colors.xml +9 -0
  8. package/dist/android/mrl_font_dimens.xml +9 -0
  9. package/dist/fonts.css +36 -0
  10. package/dist/fonts.css.map +1 -0
  11. package/dist/fonts.min.css +1 -0
  12. package/dist/fonts.min.css.map +1 -0
  13. package/dist/foundation.css +748 -0
  14. package/dist/foundation.css.map +1 -0
  15. package/dist/foundation.min.css +1 -0
  16. package/dist/foundation.min.css.map +1 -0
  17. package/dist/ios-swift/Mrl.swift +183 -0
  18. package/dist/tokens/border.json +39 -0
  19. package/dist/tokens/color.json +296 -0
  20. package/dist/tokens/motion.json +41 -0
  21. package/dist/tokens/shadows.json +21 -0
  22. package/dist/tokens/spacing.json +46 -0
  23. package/dist/tokens/typography.json +148 -0
  24. package/package.json +1 -0
  25. package/src/styles/_functions.scss +18 -0
  26. package/src/styles/_mixins.scss +152 -0
  27. package/src/styles/baseline.scss +157 -0
  28. package/src/styles/contextual-variables/border.scss +100 -0
  29. package/src/styles/contextual-variables/color.scss +165 -0
  30. package/src/styles/contextual-variables/index.scss +6 -0
  31. package/src/styles/contextual-variables/shadows.scss +28 -0
  32. package/src/styles/contextual-variables/spacing.scss +63 -0
  33. package/src/styles/contextual-variables/typography.scss +167 -0
  34. package/src/styles/contextual-variables/z-index.scss +24 -0
  35. package/src/styles/focus.scss +87 -0
  36. package/src/styles/fonts.scss +19 -0
  37. package/src/styles/global-variables/border.scss +40 -0
  38. package/src/styles/global-variables/breakpoints.scss +14 -0
  39. package/src/styles/global-variables/color.scss +156 -0
  40. package/src/styles/global-variables/index.scss +7 -0
  41. package/src/styles/global-variables/motion.scss +40 -0
  42. package/src/styles/global-variables/shadows.scss +28 -0
  43. package/src/styles/global-variables/spacing.scss +32 -0
  44. package/src/styles/global-variables/typography.scss +86 -0
  45. package/src/styles/grid.scss +4 -0
  46. package/src/styles/index.scss +17 -0
  47. package/src/styles/skeletons/button.scss +84 -0
  48. package/src/styles/skeletons/index.scss +10 -0
  49. package/src/styles/spacing.scss +24 -0
  50. package/src/styles/typography.scss +19 -0
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../src/styles/global-variables/border.scss","../src/styles/global-variables/color.scss","../src/styles/global-variables/motion.scss","../src/styles/global-variables/shadows.scss","../src/styles/global-variables/spacing.scss","../src/styles/global-variables/typography.scss","../src/styles/contextual-variables/color.scss","../src/styles/contextual-variables/spacing.scss","../src/styles/contextual-variables/border.scss","../src/styles/contextual-variables/typography.scss","../src/styles/contextual-variables/shadows.scss","../src/styles/focus.scss","../src/styles/baseline.scss","../src/styles/spacing.scss","../src/styles/_mixins.scss","../src/styles/typography.scss","../src/styles/skeletons/button.scss"],"names":[],"mappings":"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","file":"foundation.css"}
@@ -0,0 +1 @@
1
+ :root{--mrl-radii-01: 2px;--mrl-radii-02: 4px;--mrl-radii-03: 8px;--mrl-radii-04: 12px;--mrl-radii-05: 16px;--mrl-radii-06: 24px;--mrl-radii-07: 32px;--mrl-radii-08: 40px;--mrl-stroke-01: 2px;--mrl-stroke-02: 2px;--mrl-stroke-03: 2px}:root{--mrl-gray-10: 250, 250, 250;--mrl-gray-20: 238, 238, 238;--mrl-gray-30: 222, 222, 222;--mrl-gray-40: 187, 187, 187;--mrl-gray-50: 158, 158, 158;--mrl-gray-60: 145, 145, 145;--mrl-gray-70: 115, 115, 115;--mrl-gray-80: 78, 78, 78;--mrl-gray-90: 47, 47, 47;--mrl-gray-100: 31, 31, 31;--mrl-blue-10: 245, 250, 255;--mrl-blue-20: 230, 244, 254;--mrl-blue-30: 205, 230, 254;--mrl-blue-40: 180, 217, 253;--mrl-blue-50: 131, 191, 252;--mrl-blue-60: 81, 143, 251;--mrl-blue-70: 55, 112, 228;--mrl-blue-80: 49, 99, 201;--mrl-blue-90: 42, 86, 176;--mrl-blue-100: 30, 61, 125;--mrl-coral-10: 255, 230, 239;--mrl-coral-20: 254, 204, 223;--mrl-coral-30: 254, 154, 191;--mrl-coral-40: 253, 103, 160;--mrl-coral-50: 253, 53, 129;--mrl-coral-60: 255, 0, 102;--mrl-coral-70: 232, 0, 90;--mrl-coral-80: 214, 0, 87;--mrl-coral-90: 192, 3, 77;--mrl-coral-100: 163, 0, 63;--mrl-red-10: 255, 245, 245;--mrl-red-20: 255, 229, 229;--mrl-red-30: 255, 204, 204;--mrl-red-40: 255, 179, 179;--mrl-red-50: 255, 128, 128;--mrl-red-60: 255, 75, 75;--mrl-red-70: 224, 41, 53;--mrl-red-80: 179, 33, 42;--mrl-red-90: 140, 26, 33;--mrl-red-100: 115, 21, 27;--mrl-tomato-10: 249, 240, 242;--mrl-tomato-20: 242, 212, 219;--mrl-tomato-30: 243, 192, 204;--mrl-tomato-40: 239, 169, 184;--mrl-tomato-50: 233, 134, 156;--mrl-tomato-60: 231, 111, 138;--mrl-tomato-70: 225, 89, 120;--mrl-tomato-80: 220, 64, 100;--mrl-tomato-90: 203, 52, 95;--mrl-tomato-100: 182, 52, 93;--mrl-orange-10: 251, 233, 198;--mrl-orange-20: 249, 224, 175;--mrl-orange-30: 246, 207, 166;--mrl-orange-40: 243, 193, 153;--mrl-orange-50: 243, 180, 148;--mrl-orange-60: 247, 169, 125;--mrl-orange-70: 245, 156, 120;--mrl-orange-80: 245, 135, 101;--mrl-orange-90: 234, 116, 79;--mrl-orange-100: 220, 96, 70;--mrl-lemon-10: 254, 252, 215;--mrl-lemon-20: 255, 250, 183;--mrl-lemon-30: 253, 246, 147;--mrl-lemon-40: 254, 239, 136;--mrl-lemon-50: 251, 233, 122;--mrl-lemon-60: 249, 223, 129;--mrl-lemon-70: 238, 206, 127;--mrl-lemon-80: 229, 191, 118;--mrl-lemon-90: 221, 180, 102;--mrl-lemon-100: 207, 160, 81;--mrl-melon-10: 230, 248, 225;--mrl-melon-20: 213, 245, 204;--mrl-melon-30: 196, 239, 185;--mrl-melon-40: 177, 236, 161;--mrl-melon-50: 158, 223, 151;--mrl-melon-60: 136, 213, 138;--mrl-melon-70: 125, 195, 125;--mrl-melon-80: 108, 179, 109;--mrl-melon-90: 91, 157, 94;--mrl-melon-100: 79, 145, 81;--mrl-blueberry-10: 222, 236, 252;--mrl-blueberry-20: 207, 228, 251;--mrl-blueberry-30: 185, 215, 250;--mrl-blueberry-40: 160, 200, 249;--mrl-blueberry-50: 131, 181, 245;--mrl-blueberry-60: 100, 165, 247;--mrl-blueberry-70: 76, 151, 245;--mrl-blueberry-80: 71, 126, 222;--mrl-blueberry-90: 56, 112, 211;--mrl-blueberry-100: 50, 89, 153;--mrl-grape-10: 231, 230, 250;--mrl-grape-20: 217, 215, 247;--mrl-grape-30: 205, 202, 248;--mrl-grape-40: 187, 187, 242;--mrl-grape-50: 162, 163, 240;--mrl-grape-60: 150, 146, 243;--mrl-grape-70: 134, 126, 231;--mrl-grape-80: 119, 104, 222;--mrl-grape-90: 114, 86, 219;--mrl-grape-100: 83, 71, 157;--mrl-white: 255, 255, 255;--mrl-black: 0, 0, 0;--mrl-status-info: 49, 99, 201;--mrl-status-success: 0, 132, 63;--mrl-status-warning: 255, 170, 1;--mrl-status-error: 179, 33, 42;--mrl-black-opacity-00: rgba(var(--mrl-black), .08);--mrl-black-opacity-01: rgba(var(--mrl-black), .16);--mrl-black-opacity-02: rgba(var(--mrl-black), .24);--mrl-black-opacity-03: rgba(var(--mrl-black), .32);--mrl-black-opacity-06: rgba(var(--mrl-black), .64);--mrl-black-opacity-08: rgba(var(--mrl-black), .80);--mrl-white-opacity-02: rgba(var(--mrl-white), .24);--mrl-white-opacity-03: rgba(var(--mrl-white), .30);--mrl-white-opacity-04: rgba(var(--mrl-white), .40);--mrl-white-opacity-06: rgba(var(--mrl-white), .60);--mrl-white-opacity-08: rgba(var(--mrl-white), .80);--mrl-status-private: var(--mrl-gray-100)}:root{--mrl-timing-m1: cubic-bezier(0.17, 0.00, 0.00, 1.00);--mrl-timing-m1r: cubic-bezier(1.00, 0.00, 0.83, 1.00);--mrl-timing-m2: cubic-bezier(0, 0.5, 0, 1);--mrl-timing-m3: cubic-bezier(0.33, 0.00, 0.67, 1.00);--mrl-timing-m4: cubic-bezier(0.00, 0.00, 0.00, 1.00);--mrl-duration-01: 17ms;--mrl-duration-02: 167ms;--mrl-duration-03: 333ms;--mrl-duration-04: 667ms;--mrl-distance-01: 4px;--mrl-distance-02: 8px}:root{--mrl-shadow-01: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 3px 4px rgba(var(--mrl-black), 0.08);--mrl-shadow-02: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 5px 8px rgba(var(--mrl-black), 0.08);--mrl-shadow-03: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 25px 20px rgba(var(--mrl-black), 0.12);--mrl-shadow-interactive-01: 0 4px 5px rgba(var(--mrl-black), 0.08);--mrl-shadow-interactive-02: 0 20px 12px rgba(var(--mrl-black), 0.20)}:root{--mrl-spacing-01: calc(2 / var(--mrl-baseline) * 1rem);--mrl-spacing-02: calc(4 / var(--mrl-baseline) * 1rem);--mrl-spacing-03: calc(8 / var(--mrl-baseline) * 1rem);--mrl-spacing-04: calc(12 / var(--mrl-baseline) * 1rem);--mrl-spacing-05: calc(16 / var(--mrl-baseline) * 1rem);--mrl-spacing-06: calc(20 / var(--mrl-baseline) * 1rem);--mrl-spacing-07: calc(24 / var(--mrl-baseline) * 1rem);--mrl-spacing-08: calc(32 / var(--mrl-baseline) * 1rem);--mrl-spacing-09: calc(40 / var(--mrl-baseline) * 1rem);--mrl-spacing-10: calc(48 / var(--mrl-baseline) * 1rem);--mrl-spacing-11: calc(64 / var(--mrl-baseline) * 1rem);--mrl-spacing-12: calc(80 / var(--mrl-baseline) * 1rem);--mrl-spacing-13: calc(96 / var(--mrl-baseline) * 1rem);--mrl-spacing-14: calc(160 / var(--mrl-baseline) * 1rem)}:root{--mrl-baseline: 16;--mrl-font-family-01: proxima-nova;--mrl-font-size-01: calc(11 / var(--mrl-baseline) * 1rem);--mrl-font-size-02: calc(12 / var(--mrl-baseline) * 1rem);--mrl-font-size-03: calc(14 / var(--mrl-baseline) * 1rem);--mrl-font-size-04: calc(16 / var(--mrl-baseline) * 1rem);--mrl-font-size-05: calc(18 / var(--mrl-baseline) * 1rem);--mrl-font-size-06: calc(20 / var(--mrl-baseline) * 1rem);--mrl-font-size-07: calc(24 / var(--mrl-baseline) * 1rem);--mrl-font-size-08: calc(32 / var(--mrl-baseline) * 1rem);--mrl-font-size-09: calc(40 / var(--mrl-baseline) * 1rem);--mrl-font-size-10: calc(48 / var(--mrl-baseline) * 1rem);--mrl-font-size-11: calc(64 / var(--mrl-baseline) * 1rem);--mrl-font-size-12: calc(80 / var(--mrl-baseline) * 1rem);--mrl-font-size-13: calc(96 / var(--mrl-baseline) * 1rem);--mrl-font-size-14: calc(120 / var(--mrl-baseline) * 1rem);--mrl-line-height-01: 0.875;--mrl-line-height-02: 1;--mrl-line-height-03: 1.125;--mrl-line-height-04: 1.167;--mrl-line-height-05: 1.2;--mrl-line-height-06: 1.33;--mrl-line-height-07: 1.4;--mrl-line-height-08: 1.45;--mrl-line-height-09: 1.5;--mrl-line-height-10: 1.56;--mrl-line-height-11: 1.75;--mrl-line-height-12: 2;--mrl-letter-spacing-01: -2% ;--mrl-letter-spacing-02: -1% ;--mrl-letter-spacing-03: 0% ;--mrl-letter-spacing-04: 1% ;--mrl-letter-spacing-05: 2% ;--mrl-font-weight-01: 400 ;--mrl-font-weight-02: 500 ;--mrl-font-weight-03: 600 ;--mrl-font-weight-04: 700 ;--mrl-font-weight-05: 800 }:root{--mrl-color-focus: rgba(var(--mrl-blue-70), 1);--mrl-color-focus-inverse: rgba(var(--mrl-white), 1);--mrl-color-shadows: rgba(var(--mrl-black), 1);--mrl-color-brand: rgba(var(--mrl-red-70), 1);--mrl-color-brand-hover: rgba(var(--mrl-red-80), 1);--mrl-color-brand-active: rgba(var(--mrl-red-90), 1);--mrl-color-accent: rgba(var(--mrl-blue-70), 1);--mrl-color-skeleton: rgba(var(--mrl-gray-20), 1);--mrl-color-skeleton-inverse: rgba(var(--mrl-white), 1);--mrl-color-background: rgba(var(--mrl-white), 1);--mrl-color-background-secondary: rgba(var(--mrl-gray-80), 1);--mrl-color-background-decorative: rgba(var(--mrl-gray-20), 1);--mrl-color-background-info: rgba(var(--mrl-status-info), 1);--mrl-color-background-success: rgba(var(--mrl-status-success), 1);--mrl-color-background-warning: rgba(var(--mrl-status-warning), 1);--mrl-color-background-error: rgba(var(--mrl-status-error), 1);--mrl-color-background-private: rgba(var(--mrl-status-private), 1);--mrl-color-background-inverse: rgba(var(--mrl-gray-100), 1);--mrl-color-background-inverse-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-background-disabled: rgba(var(--mrl-gray-40), 1);--mrl-color-background-highlight-hover: rgba(var(--mrl-gray-20), 1);--mrl-color-background-highlight-active: rgba(var(--mrl-gray-90), 1);--mrl-color-background-highlight-selected: rgba(var(--mrl-gray-90), 1);--mrl-color-background-highlight-emph-active: rgba(var(--mrl-gray-30), 1);--mrl-color-line: rgba(var(--mrl-gray-70), 1);--mrl-color-line-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-line-active: rgba(var(--mrl-gray-100), 1);--mrl-color-line-selected: rgba(var(--mrl-gray-90), 1);--mrl-color-line-disabled: rgba(var(--mrl-gray-40), 1);--mrl-color-line-divider: rgba(var(--mrl-gray-20), 1);--mrl-color-line-divider-inverse: rgba(var(--mrl-gray-80), 1);--mrl-color-line-emph: rgba(var(--mrl-gray-20), 1);--mrl-color-line-emph-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-line-emph-active: rgba(var(--mrl-black), 1);--mrl-color-line-inverse: rgba(var(--mrl-white), 1);--mrl-color-line-inverse-disabled: rgba(var(--mrl-white), 1);--mrl-color-text: rgba(var(--mrl-gray-80), 1);--mrl-color-text-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-text-active: rgba(var(--mrl-gray-90), 1);--mrl-color-text-selected: rgba(var(--mrl-gray-90), 1);--mrl-color-text-disabled: rgba(var(--mrl-gray-40), 1);--mrl-color-text-disabled-inverse: rgba(var(--mrl-white), 1);--mrl-color-text-emph: rgba(var(--mrl-gray-20), 1);--mrl-color-text-emph-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-text-emph-active: rgba(var(--mrl-black), 1);--mrl-color-text-highlight: rgba(var(--mrl-gray-80), 1);--mrl-color-text-highlight-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-text-highlight-active: rgba(var(--mrl-white), 1);--mrl-color-text-highlight-selected: rgba(var(--mrl-white), 1);--mrl-color-text-highlight-emph: rgba(var(--mrl-gray-90), 1);--mrl-color-text-highlight-emph-hover: rgba(var(--mrl-gray-100), 1);--mrl-color-text-highlight-emph-active: rgba(var(--mrl-black), 1);--mrl-color-text-highlight-emph-selected: rgba(var(--mrl-white), 1);--mrl-color-text-inverse: rgba(var(--mrl-white), 1);--mrl-color-text-inverse-secondary: rgba(var(--mrl-gray-10), 1);--mrl-color-text-inverse-hover: rgba(var(--mrl-white), 1);--mrl-color-text-inverse-active: rgba(var(--mrl-white), 1);--mrl-color-text-inverse-selected: rgba(var(--mrl-white), 1);--mrl-color-text-02: rgba(var(--mrl-gray-90), 1);--mrl-color-text-secondary: rgba(var(--mrl-gray-70), 1);--mrl-color-text-label: rgba(var(--mrl-gray-90), 1);--mrl-color-text-heading: rgba(var(--mrl-gray-100), 1);--mrl-color-text-success: rgba(var(--mrl-gray-90), 1);--mrl-color-text-warning: rgba(var(--mrl-gray-90), 1);--mrl-color-text-error: rgba(var(--mrl-status-error), 1);--mrl-color-text-info: rgba(var(--mrl-gray-90), 1);--mrl-color-text-private: rgba(var(--mrl-status-private), 1);--mrl-color-icon-emph-selected: rgba(var(--mrl-gray-100), 1);--mrl-color-background-inverse-active: var(--mrl-color-accent);--mrl-color-background-inverse-selected: var(--mrl-color-accent);--mrl-color-background-highlight-emph-selected: var(--mrl-color-accent);--mrl-color-line-emph-selected: var(--mrl-color-accent);--mrl-color-text-emph-selected: var(--mrl-color-accent);--mrl-color-background-page: rgb(245, 245, 245);--mrl-color-background-hover-opacity: rgba(var(--mrl-gray-30), 0.2);--mrl-color-background-inverse-hover-opacity: rgba(var(--mrl-black), 0.2)}:root{--mrl-space-stack-components: var(--mrl-spacing-06);--mrl-space-stack-controls: var(--mrl-spacing-05);--mrl-space-stack-controls-small: var(--mrl-spacing-04);--mrl-space-stack-section: var(--mrl-spacing-07);--mrl-space-stack-section-divider: var(--mrl-spacing-04);--mrl-space-stack-section-divider-small: var(--mrl-spacing-03);--mrl-space-stack-section-divider-large: var(--mrl-spacing-06);--mrl-space-stack-section-divider-label: var(--mrl-spacing-05);--mrl-space-stack-siblings: var(--mrl-spacing-04);--mrl-space-stack-related: var(--mrl-spacing-03);--mrl-space-stack-related-small: var(--mrl-spacing-02);--mrl-space-inset: var(--mrl-spacing-03);--mrl-space-inset-container: var(--mrl-spacing-08);--mrl-space-inset-container-large: var(--mrl-spacing-05);--mrl-space-inset-large: var(--mrl-spacing-05);--mrl-space-inset-control: var(--mrl-spacing-06);--mrl-space-inset-control-large: var(--mrl-spacing-05);--mrl-space-inline-related: var(--mrl-spacing-03);--mrl-space-inline-sibling: var(--mrl-spacing-04);--mrl-space-inline-sibling-small: var(--mrl-spacing-02);--mrl-space-gutter: var(--mrl-spacing-04);--mrl-space-gutter-label: var(--mrl-spacing-05);--mrl-space-offset-focus: var(--mrl-spacing-01);--mrl-space-stack-subheading: var(--mrl-spacing-05);--mrl-space-stack-title: var(--mrl-spacing-07);--mrl-space-stack-title-related: var(--mrl-spacing-05);--mrl-space-inline-sibling-xsmall: var(--mrl-space-inline-sibling-small);--mrl-space-inset-control-small: calc( var(--mrl-spacing-03) + var(--mrl-spacing-01) )}@media only screen and (min-width: 600px){:root{--mrl-space-inset-container-large: var(--mrl-spacing-08)}}:root{--mrl-line-width-border: var(--mrl-stroke-01);--mrl-line-width-border-selected: var(--mrl-stroke-01);--mrl-line-width-focus: var(--mrl-stroke-01);--mrl-line-width-control: var(--mrl-stroke-01);--mrl-line-width-divider: var(--mrl-stroke-01);--mrl-border-radius-tight: var(--mrl-radii-01);--mrl-border-radius-content: var(--mrl-radii-02);--mrl-border-radius-content-large: var(--mrl-radii-03);--mrl-border-radius-functional: var(--mrl-radii-03);--mrl-border-radius-functional-large: var(--mrl-radii-04);--mrl-border-radius-container: var(--mrl-radii-04);--mrl-border-radius-container-large: var(--mrl-radii-05);--mrl-border-radius-rounded: var(--mrl-radii-07);--mrl-border-radius-rounded-large: var(--mrl-radii-08);--mrl-border: var(--mrl-line-width-border) solid var(--mrl-color-line);--mrl-border-hover: var(--mrl-line-width-border) solid var(--mrl-color-line-hover);--mrl-border-active: var(--mrl-line-width-border) solid var(--mrl-color-line-active);--mrl-border-selected: var(--mrl-line-width-border-selected) solid var(--mrl-color-line-selected);--mrl-border-disabled: var(--mrl-line-width-border) solid var(--mrl-color-line-disabled);--mrl-border-emph: var(--mrl-line-width-border) solid var(--mrl-color-line-emph);--mrl-border-emph-hover: var(--mrl-line-width-border) solid var(--mrl-color-line-emph-hover);--mrl-border-emph-active: var(--mrl-line-width-border) solid var(--mrl-color-line-emph-active);--mrl-border-emph-selected: var(--mrl-line-width-border-selected) solid var(--mrl-color-line-emph-selected);--mrl-border-emph-disabled: var(--mrl-line-width-border) solid var(--mrl-color-line-emph-disabled);--mrl-border-inverse: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse);--mrl-border-inverse-hover: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse);--mrl-border-inverse-active: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse);--mrl-border-inverse-selected: var(--mrl-line-width-border-selected) solid var(--mrl-color-line-inverse);--mrl-border-inverse-disabled: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse-disabled);--mrl-border-focus: var(--mrl-line-width-focus) solid var(--mrl-color-focus);--mrl-border-divider: var(--mrl-line-width-divider) solid var(--mrl-color-line-divider)}:root{--mrl-type-size-poster: var(--mrl-font-size-10);--mrl-type-size-poster-large: var(--mrl-font-size-11);--mrl-type-size-poster-small: var(--mrl-font-size-09);--mrl-type-size-display: var(--mrl-font-size-08);--mrl-type-size-display-large: var(--mrl-font-size-09);--mrl-type-size-display-small: var(--mrl-font-size-07);--mrl-type-size-headline: var(--mrl-font-size-05);--mrl-type-size-headline-large: var(--mrl-font-size-06);--mrl-type-size-headline-small: var(--mrl-font-size-02);--mrl-type-size-text: var(--mrl-font-size-04);--mrl-type-size-text-large: var(--mrl-font-size-05);--mrl-type-size-text-small: var(--mrl-font-size-03);--mrl-type-size-text-xsmall: var(--mrl-font-size-02);--mrl-type-size-text-xxsmall: var(--mrl-font-size-01);--mrl-type-line-height-poster: var(--mrl-line-height-04);--mrl-type-line-height-poster-large: var(--mrl-line-height-03);--mrl-type-line-height-poster-small: var(--mrl-line-height-05);--mrl-type-line-height-display: var(--mrl-line-height-03);--mrl-type-line-height-display-large: var(--mrl-line-height-05);--mrl-type-line-height-display-small: var(--mrl-line-height-06);--mrl-type-line-height-headline: var(--mrl-line-height-09);--mrl-type-line-height-headline-large: var(--mrl-line-height-07);--mrl-type-line-height-headline-small: var(--mrl-line-height-09);--mrl-type-line-height-text: var(--mrl-line-height-09);--mrl-type-line-height-text-large: var(--mrl-line-height-10);--mrl-type-line-height-text-small: var(--mrl-line-height-08);--mrl-type-line-height-text-xsmall: var(--mrl-line-height-06);--mrl-type-line-height-text-xxsmall: var(--mrl-line-height-08);--mrl-type-line-height-interactive: var(--mrl-line-height-09);--mrl-type-line-height-interactive-large: var(--mrl-line-height-10);--mrl-type-line-height-interactive-small: var(--mrl-line-height-08);--mrl-type-line-height-interactive-xsmall: var(--mrl-line-height-06);--mrl-type-weight-poster: var(--mrl-font-weight-05);--mrl-type-weight-display: var(--mrl-font-weight-05);--mrl-type-weight-headline: var(--mrl-font-weight-05);--mrl-type-weight-title: var(--mrl-font-weight-04);--mrl-type-weight-title-secondary: var(--mrl-font-weight-03);--mrl-type-weight-text: var(--mrl-font-weight-02);--mrl-type-weight-text-secondary: var(--mrl-font-weight-01);--mrl-type-weight-interactive: var(--mrl-font-weight-04);--mrl-type-spacing-poster: var(--mrl-letter-spacing-02);--mrl-type-spacing-poster-large: var(--mrl-letter-spacing-01);--mrl-type-spacing-poster-small: var(--mrl-letter-spacing-02);--mrl-type-spacing-display: var(--mrl-letter-spacing-03);--mrl-type-spacing-display-large: var(--mrl-letter-spacing-02);--mrl-type-spacing-display-small: var(--mrl-letter-spacing-03);--mrl-type-spacing-headline: var(--mrl-letter-spacing-03);--mrl-type-spacing-headline-large: var(--mrl-letter-spacing-03);--mrl-type-spacing-headline-small: var(--mrl-letter-spacing-04);--mrl-type-spacing-text: var(--mrl-letter-spacing-03);--mrl-type-spacing-interactive-xsmall: var(--mrl-letter-spacing-04);--mrl-type-size-toggleable-label: calc(10 / var(--mrl-baseline) * 1rem);--mrl-type-weight-toggleable-label: var(--mrl-font-weight-03)}@media screen and (min-width: 600px){:root{--mrl-type-size-poster: var(--mrl-font-size-12);--mrl-type-size-poster-large: var(--mrl-font-size-13);--mrl-type-size-poster-small: var(--mrl-font-size-11);--mrl-type-size-display: var(--mrl-font-size-09);--mrl-type-size-display-large: var(--mrl-font-size-10);--mrl-type-size-display-small: var(--mrl-font-size-08);--mrl-type-size-headline: var(--mrl-font-size-06);--mrl-type-size-headline-large: var(--mrl-font-size-07);--mrl-type-size-headline-small: var(--mrl-font-size-04);--mrl-type-line-height-poster: var(--mrl-line-height-02);--mrl-type-line-height-poster-large: var(--mrl-line-height-02);--mrl-type-line-height-poster-small: var(--mrl-line-height-02);--mrl-type-line-height-display: var(--mrl-line-height-05);--mrl-type-line-height-display-large: var(--mrl-line-height-04);--mrl-type-line-height-display-small: var(--mrl-line-height-03);--mrl-type-line-height-headline: var(--mrl-line-height-07);--mrl-type-line-height-headline-large: var(--mrl-line-height-06);--mrl-type-line-height-headline-small: var(--mrl-line-height-03);--mrl-type-spacing-headline-small: var(--mrl-letter-spacing-03)}}:root{--mrl-shadows-lifted: var(--mrl-shadow-01);--mrl-shadows-raised: var(--mrl-shadow-02);--mrl-shadows-floating: var(--mrl-shadow-03);--mrl-shadows-hover: var(--mrl-shadow-interactive-01);--mrl-shadows-drag: var(--mrl-shadow-interactive-02)}.mrl-u-focus-wrapper{position:relative}body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,samp,small,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;margin:0;padding:0;vertical-align:baseline}b,em,i,strike,strong,sub,sup,u{border:0;font-family:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:none}table{border-collapse:collapse;border-spacing:0}html{border:0;box-sizing:border-box;font:inherit;font-family:var(--mrl-font-family-01),sans-serif;font-size:var(--mrl-font-size, 100%);-webkit-font-smoothing:antialiased;margin:0;padding:0;vertical-align:baseline}*,*::before,*::after{box-sizing:inherit}.mrl-u-space-center-horizontal{display:flex}.mrl-u-space-center-horizontal-inline{display:inline-flex}.mrl-u-space-center-vertical{align-items:center;display:flex}.mrl-u-space-center-vertical>*{display:inline-flex}.mrl-u-space-center-vertical-inline{align-items:center;display:inline-flex}.mrl-u-space-center-vertical-inline>*{display:inline-flex}.mrl-u-text-interactive-xsmall{font-family:var(--mrl-font-family-01);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall)}.mrl-u-text-interactive-small{font-family:var(--mrl-font-family-01);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-small)}.mrl-u-text-interactive-medium{font-family:var(--mrl-font-family-01);font-size:var(--mrl-type-size-text);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive)}.mrl-u-text-interactive-large{font-family:var(--mrl-font-family-01);font-size:var(--mrl-type-size-text-large);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-large)}.mrl-u-text-toggleable-label{font-size:var(--mrl-type-size-toggleable-label);font-weight:var(--mrl-type-weight-toggleable-label)}:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional);--mrl-button-height: var(--mrl-spacing-09)}.mrl-u-preHydrateSkeleton mrl-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button:not(.hydrated){background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-font-family-01);min-height:var(--mrl-button-height);min-width:var(--mrl-button-height);pointer-events:none;visibility:inherit}.mrl-u-preHydrateSkeleton mrl-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=ghost-inverse]:not(.hydrated){--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}mrl-button[size=small],mrl-icon-button[size=small],mrl-shadow-button[size=small]{--mrl-button-height: var(--mrl-spacing-08)}mrl-button[size=large],mrl-icon-button[size=large],mrl-shadow-button[size=large]{--mrl-button-height: calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{--mrl-button-height: var(--mrl-spacing-07)}/*# sourceMappingURL=foundation.min.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../src/styles/global-variables/border.scss","../src/styles/global-variables/color.scss","../src/styles/global-variables/motion.scss","../src/styles/global-variables/shadows.scss","../src/styles/global-variables/spacing.scss","../src/styles/global-variables/typography.scss","../src/styles/contextual-variables/color.scss","../src/styles/contextual-variables/spacing.scss","../src/styles/contextual-variables/border.scss","../src/styles/contextual-variables/typography.scss","../src/styles/contextual-variables/shadows.scss","../src/styles/focus.scss","../src/styles/baseline.scss","../src/styles/spacing.scss","../src/styles/_mixins.scss","../src/styles/typography.scss","../src/styles/skeletons/button.scss"],"names":[],"mappings":"AA8BA,MAEE,qKAIA,+DC2GF,MAEE,wkGAKC,4jBAIF,0CClID,MAGE,qQAKA,mGAKA,8CCdF,MAEE,4aCCF,MAEE,8wBCkCF,MACC,mBACA,mCAIC,6yBAKA,8TAKA,mJAKA,uICgEF,MAGE,w0HAKA,wTAID,gDAGA,oEACA,0ECpHD,MAGE,20CAMD,yEAGA,uFAPA,0CALD,MAME,0DCXF,MAGE,gPAKA,ydAiCC,02CAaD,qKCwBF,MAGE,8tBAKA,umCAKA,sbAKA,+pBAKD,wEACA,8DAKD,qCACC,MAGE,6dAKA,8iBAKA,iEC5IH,MAEE,8OCtBF,qBACC,kBCKD,qXAuEC,SACA,SACA,UACA,wBAGD,+BAQC,SACA,oBACA,SACA,UACA,wBAID,8EAWC,cAGD,MAEC,gBAGD,aAEC,YAGD,wDAIC,aAGD,MACC,yBACA,iBAKD,KACC,SACA,sBACA,aACA,iDACA,qCACA,mCACA,SACA,UACA,wBAGD,qBAGC,mBClJD,+BCgHC,QANmB,KDtGpB,sCC4GC,QAHoB,YDrGrB,6BCoFC,mBACA,QAPmB,KASnB,+BACC,oBDpFF,oCCgFC,mBACA,QAJoB,YAMpB,sCACC,oBC9FD,+BDgCA,sCACA,2CACA,+CACA,0DACA,2DCpCA,8BDgCA,sCACA,0CACA,+CACA,4CACA,0DCpCA,+BDgCA,sCACA,oCACA,+CACA,4CACA,oDCpCA,8BDgCA,sCACA,0CACA,+CACA,4CACA,0DC/BD,6BDqEC,gDACA,oDE/ED,MACC,kEACA,gEACA,2CAkCA,wKAxBA,uDACA,8CACA,gBACA,oBACA,oBACA,sCACA,oCAGA,mCACA,oBACA,mBAsBA,sbAMC,0EAMF,iFAGC,2CAGD,iFAKC,yEAID,0FAEC","file":"foundation.min.css"}
@@ -0,0 +1,183 @@
1
+
2
+ //
3
+ // Mrl.swift
4
+ //
5
+
6
+ // Do not edit directly
7
+ // Generated on Fri, 24 Mar 2023 03:27:53 GMT
8
+
9
+
10
+ import UIKit
11
+
12
+ public class Mrl {
13
+ public static let black = #000000
14
+ public static let blue10 = #f5faff
15
+ public static let blue100 = #1e3d7d
16
+ public static let blue20 = #e6f4fe
17
+ public static let blue30 = #cde6fe
18
+ public static let blue40 = #b4d9fd
19
+ public static let blue50 = #83bffc
20
+ public static let blue60 = #518ffb
21
+ public static let blue70 = #3770e4
22
+ public static let blue80 = #3163c9
23
+ public static let blue90 = #2a56b0
24
+ public static let blueberry10 = #deecfc
25
+ public static let blueberry100 = #325999
26
+ public static let blueberry20 = #cfe4fb
27
+ public static let blueberry30 = #b9d7fa
28
+ public static let blueberry40 = #a0c8f9
29
+ public static let blueberry50 = #83b5f5
30
+ public static let blueberry60 = #64a5f7
31
+ public static let blueberry70 = #4c97f5
32
+ public static let blueberry80 = #477ede
33
+ public static let blueberry90 = #3870d3
34
+ public static let coral10 = #ffe6ef
35
+ public static let coral100 = #a3003f
36
+ public static let coral20 = #feccdf
37
+ public static let coral30 = #fe9abf
38
+ public static let coral40 = #fd67a0
39
+ public static let coral50 = #fd3581
40
+ public static let coral60 = #ff0066
41
+ public static let coral70 = #e8005a
42
+ public static let coral80 = #d60057
43
+ public static let coral90 = #c0034d
44
+ public static let distance01 = 4
45
+ public static let distance02 = 8
46
+ public static let duration01 = 17
47
+ public static let duration02 = 167
48
+ public static let duration03 = 333
49
+ public static let duration04 = 667
50
+ public static let fontFamily01 = 'proxima-nova' /* Brand font family used everywhere */
51
+ public static let fontSize01 = 11 /* 11px text */
52
+ public static let fontSize02 = 12 /* 12px text */
53
+ public static let fontSize03 = 14 /* 14px text */
54
+ public static let fontSize04 = 16 /* 16px text */
55
+ public static let fontSize05 = 18 /* 18px text */
56
+ public static let fontSize06 = 20 /* 20px text */
57
+ public static let fontSize07 = 24 /* 24px text */
58
+ public static let fontSize08 = 32 /* 32px text */
59
+ public static let fontSize09 = 40 /* 40px text */
60
+ public static let fontSize10 = 48 /* 48px text */
61
+ public static let fontSize11 = 64 /* 64px text */
62
+ public static let fontSize12 = 80 /* 80px text */
63
+ public static let fontSize13 = 96 /* 96px text */
64
+ public static let fontSize14 = 120 /* 120px text */
65
+ public static let fontWeight01 = 400 /* Regular */
66
+ public static let fontWeight02 = 500 /* Medium */
67
+ public static let fontWeight03 = 600 /* Semibold */
68
+ public static let fontWeight04 = 700 /* Bold */
69
+ public static let fontWeight05 = 800 /* Extra bold */
70
+ public static let grape10 = #e7e6fa
71
+ public static let grape100 = #53479d
72
+ public static let grape20 = #d9d7f7
73
+ public static let grape30 = #cdcaf8
74
+ public static let grape40 = #bbbbf2
75
+ public static let grape50 = #a2a3f0
76
+ public static let grape60 = #9692f3
77
+ public static let grape70 = #867ee7
78
+ public static let grape80 = #7768de
79
+ public static let grape90 = #7256db
80
+ public static let gray10 = #fafafa
81
+ public static let gray100 = #1f1f1f
82
+ public static let gray20 = #eeeeee
83
+ public static let gray30 = #dedede
84
+ public static let gray40 = #bbbbbb
85
+ public static let gray50 = #9e9e9e
86
+ public static let gray60 = #919191
87
+ public static let gray70 = #737373
88
+ public static let gray80 = #4e4e4e
89
+ public static let gray90 = #2f2f2f
90
+ public static let lemon10 = #fefcd7
91
+ public static let lemon100 = #cfa051
92
+ public static let lemon20 = #fffab7
93
+ public static let lemon30 = #fdf693
94
+ public static let lemon40 = #feef88
95
+ public static let lemon50 = #fbe97a
96
+ public static let lemon60 = #f9df81
97
+ public static let lemon70 = #eece7f
98
+ public static let lemon80 = #e5bf76
99
+ public static let lemon90 = #ddb466
100
+ public static let letterSpacing01 = -2% /* Condensed spacing */
101
+ public static let letterSpacing02 = -1% /* Semi-condensed spacing */
102
+ public static let letterSpacing03 = 0% /* No spacing */
103
+ public static let letterSpacing04 = 1% /* Semi-extended spacing */
104
+ public static let letterSpacing05 = 2% /* Extended spacing */
105
+ public static let lineHeight01 = 0.875
106
+ public static let lineHeight02 = 1
107
+ public static let lineHeight03 = 1.125
108
+ public static let lineHeight04 = 1.167
109
+ public static let lineHeight05 = 1.2
110
+ public static let lineHeight06 = 1.33
111
+ public static let lineHeight07 = 1.4
112
+ public static let lineHeight08 = 1.45
113
+ public static let lineHeight09 = 1.5
114
+ public static let lineHeight10 = 1.56
115
+ public static let lineHeight11 = 1.75
116
+ public static let lineHeight12 = 2
117
+ public static let melon10 = #e6f8e1
118
+ public static let melon100 = #4f9151
119
+ public static let melon20 = #d5f5cc
120
+ public static let melon30 = #c4efb9
121
+ public static let melon40 = #b1eca1
122
+ public static let melon50 = #9edf97
123
+ public static let melon60 = #88d58a
124
+ public static let melon70 = #7dc37d
125
+ public static let melon80 = #6cb36d
126
+ public static let melon90 = #5b9d5e
127
+ public static let orange10 = #fbe9c6
128
+ public static let orange100 = #dc6046
129
+ public static let orange20 = #f9e0af
130
+ public static let orange30 = #f6cfa6
131
+ public static let orange40 = #f3c199
132
+ public static let orange50 = #f3b494
133
+ public static let orange60 = #f7a97d
134
+ public static let orange70 = #f59c78
135
+ public static let orange80 = #f58765
136
+ public static let orange90 = #ea744f
137
+ public static let radii01 = 2
138
+ public static let radii02 = 4
139
+ public static let radii03 = 8
140
+ public static let radii04 = 12
141
+ public static let radii05 = 16
142
+ public static let radii06 = 24
143
+ public static let radii07 = 32
144
+ public static let radii08 = 40
145
+ public static let shadow01 = 0 3px 4px rgba(0, 0, 0, 0.8)
146
+ public static let shadow02 = 0 5px 8px rgba(0, 0, 0, 0.8)
147
+ public static let shadow03 = 0 25px 20px rgba(0, 0, 0, 0.12)
148
+ public static let shadowInteractive01 = 0 4px 5px rgba(0, 0, 0, 0.8)
149
+ public static let shadowInteractive02 = 0 20px 12px rgba(0, 0, 0, 0.20)
150
+ public static let spacing01 = 2
151
+ public static let spacing02 = 4
152
+ public static let spacing03 = 8
153
+ public static let spacing04 = 12
154
+ public static let spacing05 = 16
155
+ public static let spacing06 = 20
156
+ public static let spacing07 = 24
157
+ public static let spacing08 = 32
158
+ public static let spacing09 = 40
159
+ public static let spacing10 = 48
160
+ public static let spacing11 = 64
161
+ public static let spacing12 = 80
162
+ public static let spacing13 = 96
163
+ public static let spacing14 = 160
164
+ public static let stroke01 = 2
165
+ public static let stroke02 = 2
166
+ public static let stroke03 = 2
167
+ public static let timingM1 = 0.17, 0.00, 0.00, 1.00
168
+ public static let timingM1r = 1.00, 0.00, 0.83, 1.00
169
+ public static let timingM2 = 0, 0.5, 0, 1
170
+ public static let timingM3 = 0.33, 0.00, 0.67, 1.00
171
+ public static let timingM4 = 0.00, 0.00, 0.00, 1.00
172
+ public static let tomato10 = #f9f0f2
173
+ public static let tomato100 = #b6345d
174
+ public static let tomato20 = #f2d4db
175
+ public static let tomato30 = #f3c0cc
176
+ public static let tomato40 = #efa9b8
177
+ public static let tomato50 = #e9869c
178
+ public static let tomato60 = #e76f8a
179
+ public static let tomato70 = #e15978
180
+ public static let tomato80 = #dc4064
181
+ public static let tomato90 = #cb345f
182
+ public static let white = #ffffff
183
+ }
@@ -0,0 +1,39 @@
1
+ {
2
+ "radii": {
3
+ "01": {
4
+ "value": "2"
5
+ },
6
+ "02": {
7
+ "value": "4"
8
+ },
9
+ "03": {
10
+ "value": "8"
11
+ },
12
+ "04": {
13
+ "value": "12"
14
+ },
15
+ "05": {
16
+ "value": "16"
17
+ },
18
+ "06": {
19
+ "value": "24"
20
+ },
21
+ "07": {
22
+ "value": "32"
23
+ },
24
+ "08": {
25
+ "value": "40"
26
+ }
27
+ },
28
+ "stroke": {
29
+ "01": {
30
+ "value": "2"
31
+ },
32
+ "02": {
33
+ "value": "2"
34
+ },
35
+ "03": {
36
+ "value": "2"
37
+ }
38
+ }
39
+ }
@@ -0,0 +1,296 @@
1
+ {
2
+ "gray": {
3
+ "10": {
4
+ "value": "#fafafa"
5
+ },
6
+ "20": {
7
+ "value": "#eeeeee"
8
+ },
9
+ "30": {
10
+ "value": "#dedede"
11
+ },
12
+ "40": {
13
+ "value": "#bbbbbb"
14
+ },
15
+ "50": {
16
+ "value": "#9e9e9e"
17
+ },
18
+ "60": {
19
+ "value": "#919191"
20
+ },
21
+ "70": {
22
+ "value": "#737373"
23
+ },
24
+ "80": {
25
+ "value": "#4e4e4e"
26
+ },
27
+ "90": {
28
+ "value": "#2f2f2f"
29
+ },
30
+ "100": {
31
+ "value": "#1f1f1f"
32
+ }
33
+ },
34
+ "blue": {
35
+ "10": {
36
+ "value": "#f5faff"
37
+ },
38
+ "20": {
39
+ "value": "#e6f4fe"
40
+ },
41
+ "30": {
42
+ "value": "#cde6fe"
43
+ },
44
+ "40": {
45
+ "value": "#b4d9fd"
46
+ },
47
+ "50": {
48
+ "value": "#83bffc"
49
+ },
50
+ "60": {
51
+ "value": "#518ffb"
52
+ },
53
+ "70": {
54
+ "value": "#3770e4"
55
+ },
56
+ "80": {
57
+ "value": "#3163c9"
58
+ },
59
+ "90": {
60
+ "value": "#2a56b0"
61
+ },
62
+ "100": {
63
+ "value": "#1e3d7d"
64
+ }
65
+ },
66
+ "coral": {
67
+ "10": {
68
+ "value": "#ffe6ef"
69
+ },
70
+ "20": {
71
+ "value": "#feccdf"
72
+ },
73
+ "30": {
74
+ "value": "#fe9abf"
75
+ },
76
+ "40": {
77
+ "value": "#fd67a0"
78
+ },
79
+ "50": {
80
+ "value": "#fd3581"
81
+ },
82
+ "60": {
83
+ "value": "#ff0066"
84
+ },
85
+ "70": {
86
+ "value": "#e8005a"
87
+ },
88
+ "80": {
89
+ "value": "#d60057"
90
+ },
91
+ "90": {
92
+ "value": "#c0034d"
93
+ },
94
+ "100": {
95
+ "value": "#a3003f"
96
+ }
97
+ },
98
+ "tomato": {
99
+ "10": {
100
+ "value": "#f9f0f2"
101
+ },
102
+ "20": {
103
+ "value": "#f2d4db"
104
+ },
105
+ "30": {
106
+ "value": "#f3c0cc"
107
+ },
108
+ "40": {
109
+ "value": "#efa9b8"
110
+ },
111
+ "50": {
112
+ "value": "#e9869c"
113
+ },
114
+ "60": {
115
+ "value": "#e76f8a"
116
+ },
117
+ "70": {
118
+ "value": "#e15978"
119
+ },
120
+ "80": {
121
+ "value": "#dc4064"
122
+ },
123
+ "90": {
124
+ "value": "#cb345f"
125
+ },
126
+ "100": {
127
+ "value": "#b6345d"
128
+ }
129
+ },
130
+ "orange": {
131
+ "10": {
132
+ "value": "#fbe9c6"
133
+ },
134
+ "20": {
135
+ "value": "#f9e0af"
136
+ },
137
+ "30": {
138
+ "value": "#f6cfa6"
139
+ },
140
+ "40": {
141
+ "value": "#f3c199"
142
+ },
143
+ "50": {
144
+ "value": "#f3b494"
145
+ },
146
+ "60": {
147
+ "value": "#f7a97d"
148
+ },
149
+ "70": {
150
+ "value": "#f59c78"
151
+ },
152
+ "80": {
153
+ "value": "#f58765"
154
+ },
155
+ "90": {
156
+ "value": "#ea744f"
157
+ },
158
+ "100": {
159
+ "value": "#dc6046"
160
+ }
161
+ },
162
+ "lemon": {
163
+ "10": {
164
+ "value": "#fefcd7"
165
+ },
166
+ "20": {
167
+ "value": "#fffab7"
168
+ },
169
+ "30": {
170
+ "value": "#fdf693"
171
+ },
172
+ "40": {
173
+ "value": "#feef88"
174
+ },
175
+ "50": {
176
+ "value": "#fbe97a"
177
+ },
178
+ "60": {
179
+ "value": "#f9df81"
180
+ },
181
+ "70": {
182
+ "value": "#eece7f"
183
+ },
184
+ "80": {
185
+ "value": "#e5bf76"
186
+ },
187
+ "90": {
188
+ "value": "#ddb466"
189
+ },
190
+ "100": {
191
+ "value": "#cfa051"
192
+ }
193
+ },
194
+ "melon": {
195
+ "10": {
196
+ "value": "#e6f8e1"
197
+ },
198
+ "20": {
199
+ "value": "#d5f5cc"
200
+ },
201
+ "30": {
202
+ "value": "#c4efb9"
203
+ },
204
+ "40": {
205
+ "value": "#b1eca1"
206
+ },
207
+ "50": {
208
+ "value": "#9edf97"
209
+ },
210
+ "60": {
211
+ "value": "#88d58a"
212
+ },
213
+ "70": {
214
+ "value": "#7dc37d"
215
+ },
216
+ "80": {
217
+ "value": "#6cb36d"
218
+ },
219
+ "90": {
220
+ "value": "#5b9d5e"
221
+ },
222
+ "100": {
223
+ "value": "#4f9151"
224
+ }
225
+ },
226
+ "blueberry": {
227
+ "10": {
228
+ "value": "#deecfc"
229
+ },
230
+ "20": {
231
+ "value": "#cfe4fb"
232
+ },
233
+ "30": {
234
+ "value": "#b9d7fa"
235
+ },
236
+ "40": {
237
+ "value": "#a0c8f9"
238
+ },
239
+ "50": {
240
+ "value": "#83b5f5"
241
+ },
242
+ "60": {
243
+ "value": "#64a5f7"
244
+ },
245
+ "70": {
246
+ "value": "#4c97f5"
247
+ },
248
+ "80": {
249
+ "value": "#477ede"
250
+ },
251
+ "90": {
252
+ "value": "#3870d3"
253
+ },
254
+ "100": {
255
+ "value": "#325999"
256
+ }
257
+ },
258
+ "grape": {
259
+ "10": {
260
+ "value": "#e7e6fa"
261
+ },
262
+ "20": {
263
+ "value": "#d9d7f7"
264
+ },
265
+ "30": {
266
+ "value": "#cdcaf8"
267
+ },
268
+ "40": {
269
+ "value": "#bbbbf2"
270
+ },
271
+ "50": {
272
+ "value": "#a2a3f0"
273
+ },
274
+ "60": {
275
+ "value": "#9692f3"
276
+ },
277
+ "70": {
278
+ "value": "#867ee7"
279
+ },
280
+ "80": {
281
+ "value": "#7768de"
282
+ },
283
+ "90": {
284
+ "value": "#7256db"
285
+ },
286
+ "100": {
287
+ "value": "#53479d"
288
+ }
289
+ },
290
+ "white": {
291
+ "value": "#ffffff"
292
+ },
293
+ "black": {
294
+ "value": "#000000"
295
+ }
296
+ }
@@ -0,0 +1,41 @@
1
+ {
2
+ "timing": {
3
+ "m1": {
4
+ "value": "0.17, 0.00, 0.00, 1.00"
5
+ },
6
+ "m1r": {
7
+ "value": "1.00, 0.00, 0.83, 1.00"
8
+ },
9
+ "m2": {
10
+ "value": "0, 0.5, 0, 1"
11
+ },
12
+ "m3": {
13
+ "value": "0.33, 0.00, 0.67, 1.00"
14
+ },
15
+ "m4": {
16
+ "value": "0.00, 0.00, 0.00, 1.00"
17
+ }
18
+ },
19
+ "duration": {
20
+ "01": {
21
+ "value": "17"
22
+ },
23
+ "02": {
24
+ "value": "167"
25
+ },
26
+ "03": {
27
+ "value": "333"
28
+ },
29
+ "04": {
30
+ "value": "667"
31
+ }
32
+ },
33
+ "distance": {
34
+ "01": {
35
+ "value": "4"
36
+ },
37
+ "02": {
38
+ "value": "8"
39
+ }
40
+ }
41
+ }
@@ -0,0 +1,21 @@
1
+ {
2
+ "shadow": {
3
+ "01": {
4
+ "value": "0 3px 4px rgba(0, 0, 0, 0.8)"
5
+ },
6
+ "02": {
7
+ "value": "0 5px 8px rgba(0, 0, 0, 0.8)"
8
+ },
9
+ "03": {
10
+ "value": "0 25px 20px rgba(0, 0, 0, 0.12)"
11
+ },
12
+ "interactive": {
13
+ "01": {
14
+ "value": "0 4px 5px rgba(0, 0, 0, 0.8)"
15
+ },
16
+ "02": {
17
+ "value": "0 20px 12px rgba(0, 0, 0, 0.20)"
18
+ }
19
+ }
20
+ }
21
+ }