@muraldevkit/ds-foundation 2.5.0 → 2.7.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 (11) hide show
  1. package/dist/foundation.css +10 -2
  2. package/dist/foundation.css.map +1 -1
  3. package/dist/foundation.min.css +1 -1
  4. package/dist/foundation.min.css.map +1 -1
  5. package/package.json +55 -1
  6. package/src/styles/contextual-variables/color.scss +6 -2
  7. package/src/styles/fonts.scss +1 -1
  8. package/src/styles/global-variables/color.scss +5 -1
  9. package/dist/android/mrl_colors.xml +0 -9
  10. package/dist/android/mrl_font_dimens.xml +0 -9
  11. package/dist/ios-swift/Mrl.swift +0 -223
package/dist/foundation.css CHANGED
@@ -157,9 +157,13 @@
157
157
  --mrl-white: 255, 255, 255;
158
158
  --mrl-black: 0, 0, 0;
159
159
  --mrl-status-info: 49, 99, 201;
160
+ --mrl-status-info-light: 236, 242, 254;
160
161
  --mrl-status-success: 0, 132, 63;
162
+ --mrl-status-success-light: 243, 250, 235;
161
163
  --mrl-status-warning: 255, 170, 1;
164
+ --mrl-status-warning-light: 254, 246, 231;
162
165
  --mrl-status-error: 179, 33, 42;
166
+ --mrl-status-error-light: 252, 233, 235;
163
167
  --mrl-black-opacity-00: rgba(var(--mrl-black), .04);
164
168
  --mrl-black-opacity-01: rgba(var(--mrl-black), .12);
165
169
  --mrl-black-opacity-02: rgba(var(--mrl-black), .24);
@@ -290,9 +294,13 @@
290
294
  --mrl-color-background-secondary: rgba(var(--mrl-gray-80), 1);
291
295
  --mrl-color-background-decorative: rgba(var(--mrl-gray-20), 1);
292
296
  --mrl-color-background-info: rgba(var(--mrl-status-info), 1);
297
+ --mrl-color-background-info-light: rgba(var(--mrl-status-info-light), 1);
293
298
  --mrl-color-background-success: rgba(var(--mrl-status-success), 1);
299
+ --mrl-color-background-success-light: rgba(var(--mrl-status-success-light), 1);
294
300
  --mrl-color-background-warning: rgba(var(--mrl-status-warning), 1);
301
+ --mrl-color-background-warning-light: rgba(var(--mrl-status-warning-light), 1);
295
302
  --mrl-color-background-error: rgba(var(--mrl-status-error), 1);
303
+ --mrl-color-background-error-light: rgba(var(--mrl-status-error-light), 1);
296
304
  --mrl-color-background-private: rgba(var(--mrl-gray-100), 1);
297
305
  --mrl-color-background-inverse: rgba(var(--mrl-gray-100), 1);
298
306
  --mrl-color-background-inverse-hover: rgba(var(--mrl-gray-90), 1);
@@ -339,10 +347,10 @@
339
347
  --mrl-color-text-secondary: rgba(var(--mrl-gray-70), 1);
340
348
  --mrl-color-text-label: rgba(var(--mrl-gray-90), 1);
341
349
  --mrl-color-text-heading: rgba(var(--mrl-gray-100), 1);
342
- --mrl-color-text-success: rgba(var(--mrl-gray-90), 1);
350
+ --mrl-color-text-success: rgba(var(--mrl-status-success), 1);
343
351
  --mrl-color-text-warning: rgba(var(--mrl-gray-90), 1);
344
352
  --mrl-color-text-error: rgba(var(--mrl-status-error), 1);
345
- --mrl-color-text-info: rgba(var(--mrl-gray-90), 1);
353
+ --mrl-color-text-info: rgba(var(--mrl-status-info), 1);
346
354
  --mrl-color-text-private: rgba(var(--mrl-gray-100), 1);
347
355
  --mrl-color-icon-emph-selected: rgba(var(--mrl-gray-100), 1);
348
356
  /* Color tokens that are set to non-global tokens */
package/dist/foundation.css.map CHANGED
@@ -1 +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"}
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"}
package/dist/foundation.min.css CHANGED
@@ -1 +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: 112, 112, 112;--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: 48, 106, 227;--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, 235, 235;--mrl-red-20: 255, 214, 214;--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: 251, 224, 223;--mrl-tomato-20: 253, 216, 216;--mrl-tomato-30: 246, 193, 194;--mrl-tomato-40: 240, 148, 151;--mrl-tomato-50: 227, 99, 103;--mrl-tomato-60: 224, 72, 77;--mrl-tomato-70: 212, 58, 64;--mrl-tomato-80: 205, 45, 51;--mrl-tomato-90: 190, 39, 48;--mrl-tomato-100: 157, 32, 40;--mrl-tomato-desaturated: 229, 179, 182;--mrl-orange-10: 255, 231, 204;--mrl-orange-20: 254, 226, 194;--mrl-orange-30: 252, 218, 192;--mrl-orange-40: 245, 199, 146;--mrl-orange-50: 244, 158, 72;--mrl-orange-60: 229, 121, 26;--mrl-orange-70: 201, 79, 19;--mrl-orange-80: 191, 76, 18;--mrl-orange-90: 178, 68, 1;--mrl-orange-100: 147, 57, 1;--mrl-orange-desaturated: 235, 186, 142;--mrl-lemon-10: 250, 241, 193;--mrl-lemon-20: 249, 240, 190;--mrl-lemon-30: 249, 237, 174;--mrl-lemon-40: 245, 226, 127;--mrl-lemon-50: 228, 203, 73;--mrl-lemon-60: 182, 158, 35;--mrl-lemon-70: 142, 116, 23;--mrl-lemon-80: 132, 108, 21;--mrl-lemon-90: 122, 99, 16;--mrl-lemon-100: 104, 84, 13;--mrl-lemon-desaturated: 228, 215, 149;--mrl-melon-10: 227, 248, 216;--mrl-melon-20: 214, 237, 202;--mrl-melon-30: 190, 226, 171;--mrl-melon-40: 161, 214, 135;--mrl-melon-50: 122, 185, 91;--mrl-melon-60: 93, 160, 59;--mrl-melon-70: 75, 132, 46;--mrl-melon-80: 69, 121, 42;--mrl-melon-90: 71, 114, 49;--mrl-melon-100: 60, 96, 41;--mrl-melon-desaturated: 169, 208, 178;--mrl-mint-10: 220, 242, 249;--mrl-mint-20: 207, 234, 242;--mrl-mint-30: 177, 217, 231;--mrl-mint-40: 138, 199, 219;--mrl-mint-50: 89, 181, 212;--mrl-mint-60: 36, 150, 188;--mrl-mint-70: 9, 126, 165;--mrl-mint-80: 8, 118, 155;--mrl-mint-90: 1, 114, 152;--mrl-mint-100: 1, 99, 132;--mrl-mint-desaturated: 162, 203, 216;--mrl-blueberry-10: 215, 228, 255;--mrl-blueberry-20: 202, 219, 252;--mrl-blueberry-30: 187, 209, 251;--mrl-blueberry-40: 139, 175, 249;--mrl-blueberry-50: 105, 146, 226;--mrl-blueberry-60: 91, 131, 210;--mrl-blueberry-70: 64, 110, 203;--mrl-blueberry-80: 32, 89, 202;--mrl-blueberry-90: 28, 77, 175;--mrl-blueberry-100: 24, 66, 149;--mrl-blueberry-desaturated: 173, 199, 224;--mrl-grape-10: 222, 220, 249;--mrl-grape-20: 216, 216, 249;--mrl-grape-30: 207, 207, 247;--mrl-grape-40: 162, 163, 240;--mrl-grape-50: 142, 129, 228;--mrl-grape-60: 132, 108, 224;--mrl-grape-70: 114, 86, 219;--mrl-grape-80: 94, 62, 214;--mrl-grape-90: 74, 58, 182;--mrl-grape-100: 63, 49, 155;--mrl-grape-desaturated: 189, 187, 221;--mrl-dragonfruit-10: 255, 225, 243;--mrl-dragonfruit-20: 246, 213, 243;--mrl-dragonfruit-30: 230, 188, 226;--mrl-dragonfruit-40: 216, 151, 209;--mrl-dragonfruit-50: 202, 114, 193;--mrl-dragonfruit-60: 196, 100, 186;--mrl-dragonfruit-70: 186, 74, 171;--mrl-dragonfruit-80: 175, 75, 168;--mrl-dragonfruit-90: 163, 67, 157;--mrl-dragonfruit-100: 141, 58, 136;--mrl-dragonfruit-desaturated: 232, 201, 221;--mrl-truffle-10: 236, 239, 238;--mrl-truffle-20: 219, 225, 223;--mrl-truffle-30: 197, 206, 203;--mrl-truffle-40: 170, 182, 178;--mrl-truffle-50: 131, 149, 144;--mrl-truffle-60: 108, 127, 121;--mrl-truffle-70: 96, 113, 108;--mrl-truffle-80: 80, 98, 93;--mrl-truffle-90: 70, 83, 79;--mrl-truffle-100: 56, 66, 63;--mrl-truffle-desaturated: 196, 202, 200;--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), .04);--mrl-black-opacity-01: rgba(var(--mrl-black), .12);--mrl-black-opacity-02: rgba(var(--mrl-black), .24);--mrl-black-opacity-03: rgba(var(--mrl-black), .32);--mrl-black-opacity-05: rgba(var(--mrl-black), .56);--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 1px 0 rgba(var(--mrl-black), 0.32),0 4px 4px 0 rgba(var(--mrl-black), 0.04);--mrl-shadow-02: 0 0 1px 0 rgba(var(--mrl-black), 0.32),0 6px 8px 0 rgba(var(--mrl-black), 0.04);--mrl-shadow-03: 0 0 1px 0 rgba(var(--mrl-black), 0.32),0 24px 20px 0 rgba(var(--mrl-black), 0.04);--mrl-shadow-interactive-01: 0 4px 5px 0 rgba(var(--mrl-black), 0.08);--mrl-shadow-interactive-02: 0 12px 20px 0px 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: abcsocial;--mrl-font-family-02: stkbureau;--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.25;--mrl-line-height-06: 1.333;--mrl-line-height-07: 1.4;--mrl-line-height-08: 1.429;--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-gray-100), 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-80), 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-gray-100), 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-fine: 1px;--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-body-font: var(--mrl-font-family-01), sans-serif;--mrl-heading-font: var(--mrl-font-family-01), sans-serif;--mrl-heading-font-alt: var(--mrl-font-family-02), serif;--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-title: var(--mrl-line-height-05);--mrl-type-line-height-title-large: var(--mrl-line-height-06);--mrl-type-line-height-title-small: var(--mrl-line-height-08);--mrl-type-line-height-title-xsmall: var(--mrl-line-height-06);--mrl-type-line-height-title-xxsmall: var(--mrl-line-height-06);--mrl-type-line-height-display: var(--mrl-line-height-02);--mrl-type-line-height-display-large: var(--mrl-line-height-02);--mrl-type-line-height-display-small: var(--mrl-line-height-02);--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-06);--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-display: var(--mrl-font-weight-01);--mrl-type-weight-headline: var(--mrl-font-weight-04);--mrl-type-weight-title: var(--mrl-font-weight-04);--mrl-type-weight-title-secondary: var(--mrl-font-weight-02);--mrl-type-weight-text: var(--mrl-font-weight-01);--mrl-type-weight-text-bold: var(--mrl-font-weight-04);--mrl-type-weight-text-secondary: var(--mrl-font-weight-01);--mrl-type-weight-interactive: var(--mrl-font-weight-04);--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-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-display-xsmall: var(--mrl-font-size-07);--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-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-09);--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-body-font);font-size:var(--mrl-font-size, 100%);-webkit-font-smoothing:antialiased;margin:0;padding:0;vertical-align:baseline}h1,h2,h3,h4,h5,h6{font-family:var(--mrl-heading-font)}*,*::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-body-font);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-body-font);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-body-font);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-body-font);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-u-preHydrateSkeleton mrl-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button:not(.hydrated){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);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-body-font);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-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}/*# sourceMappingURL=foundation.min.css.map */
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: 112, 112, 112;--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: 48, 106, 227;--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, 235, 235;--mrl-red-20: 255, 214, 214;--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: 251, 224, 223;--mrl-tomato-20: 253, 216, 216;--mrl-tomato-30: 246, 193, 194;--mrl-tomato-40: 240, 148, 151;--mrl-tomato-50: 227, 99, 103;--mrl-tomato-60: 224, 72, 77;--mrl-tomato-70: 212, 58, 64;--mrl-tomato-80: 205, 45, 51;--mrl-tomato-90: 190, 39, 48;--mrl-tomato-100: 157, 32, 40;--mrl-tomato-desaturated: 229, 179, 182;--mrl-orange-10: 255, 231, 204;--mrl-orange-20: 254, 226, 194;--mrl-orange-30: 252, 218, 192;--mrl-orange-40: 245, 199, 146;--mrl-orange-50: 244, 158, 72;--mrl-orange-60: 229, 121, 26;--mrl-orange-70: 201, 79, 19;--mrl-orange-80: 191, 76, 18;--mrl-orange-90: 178, 68, 1;--mrl-orange-100: 147, 57, 1;--mrl-orange-desaturated: 235, 186, 142;--mrl-lemon-10: 250, 241, 193;--mrl-lemon-20: 249, 240, 190;--mrl-lemon-30: 249, 237, 174;--mrl-lemon-40: 245, 226, 127;--mrl-lemon-50: 228, 203, 73;--mrl-lemon-60: 182, 158, 35;--mrl-lemon-70: 142, 116, 23;--mrl-lemon-80: 132, 108, 21;--mrl-lemon-90: 122, 99, 16;--mrl-lemon-100: 104, 84, 13;--mrl-lemon-desaturated: 228, 215, 149;--mrl-melon-10: 227, 248, 216;--mrl-melon-20: 214, 237, 202;--mrl-melon-30: 190, 226, 171;--mrl-melon-40: 161, 214, 135;--mrl-melon-50: 122, 185, 91;--mrl-melon-60: 93, 160, 59;--mrl-melon-70: 75, 132, 46;--mrl-melon-80: 69, 121, 42;--mrl-melon-90: 71, 114, 49;--mrl-melon-100: 60, 96, 41;--mrl-melon-desaturated: 169, 208, 178;--mrl-mint-10: 220, 242, 249;--mrl-mint-20: 207, 234, 242;--mrl-mint-30: 177, 217, 231;--mrl-mint-40: 138, 199, 219;--mrl-mint-50: 89, 181, 212;--mrl-mint-60: 36, 150, 188;--mrl-mint-70: 9, 126, 165;--mrl-mint-80: 8, 118, 155;--mrl-mint-90: 1, 114, 152;--mrl-mint-100: 1, 99, 132;--mrl-mint-desaturated: 162, 203, 216;--mrl-blueberry-10: 215, 228, 255;--mrl-blueberry-20: 202, 219, 252;--mrl-blueberry-30: 187, 209, 251;--mrl-blueberry-40: 139, 175, 249;--mrl-blueberry-50: 105, 146, 226;--mrl-blueberry-60: 91, 131, 210;--mrl-blueberry-70: 64, 110, 203;--mrl-blueberry-80: 32, 89, 202;--mrl-blueberry-90: 28, 77, 175;--mrl-blueberry-100: 24, 66, 149;--mrl-blueberry-desaturated: 173, 199, 224;--mrl-grape-10: 222, 220, 249;--mrl-grape-20: 216, 216, 249;--mrl-grape-30: 207, 207, 247;--mrl-grape-40: 162, 163, 240;--mrl-grape-50: 142, 129, 228;--mrl-grape-60: 132, 108, 224;--mrl-grape-70: 114, 86, 219;--mrl-grape-80: 94, 62, 214;--mrl-grape-90: 74, 58, 182;--mrl-grape-100: 63, 49, 155;--mrl-grape-desaturated: 189, 187, 221;--mrl-dragonfruit-10: 255, 225, 243;--mrl-dragonfruit-20: 246, 213, 243;--mrl-dragonfruit-30: 230, 188, 226;--mrl-dragonfruit-40: 216, 151, 209;--mrl-dragonfruit-50: 202, 114, 193;--mrl-dragonfruit-60: 196, 100, 186;--mrl-dragonfruit-70: 186, 74, 171;--mrl-dragonfruit-80: 175, 75, 168;--mrl-dragonfruit-90: 163, 67, 157;--mrl-dragonfruit-100: 141, 58, 136;--mrl-dragonfruit-desaturated: 232, 201, 221;--mrl-truffle-10: 236, 239, 238;--mrl-truffle-20: 219, 225, 223;--mrl-truffle-30: 197, 206, 203;--mrl-truffle-40: 170, 182, 178;--mrl-truffle-50: 131, 149, 144;--mrl-truffle-60: 108, 127, 121;--mrl-truffle-70: 96, 113, 108;--mrl-truffle-80: 80, 98, 93;--mrl-truffle-90: 70, 83, 79;--mrl-truffle-100: 56, 66, 63;--mrl-truffle-desaturated: 196, 202, 200;--mrl-white: 255, 255, 255;--mrl-black: 0, 0, 0;--mrl-status-info: 49, 99, 201;--mrl-status-info-light: 236, 242, 254;--mrl-status-success: 0, 132, 63;--mrl-status-success-light: 243, 250, 235;--mrl-status-warning: 255, 170, 1;--mrl-status-warning-light: 254, 246, 231;--mrl-status-error: 179, 33, 42;--mrl-status-error-light: 252, 233, 235;--mrl-black-opacity-00: rgba(var(--mrl-black), .04);--mrl-black-opacity-01: rgba(var(--mrl-black), .12);--mrl-black-opacity-02: rgba(var(--mrl-black), .24);--mrl-black-opacity-03: rgba(var(--mrl-black), .32);--mrl-black-opacity-05: rgba(var(--mrl-black), .56);--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 1px 0 rgba(var(--mrl-black), 0.32),0 4px 4px 0 rgba(var(--mrl-black), 0.04);--mrl-shadow-02: 0 0 1px 0 rgba(var(--mrl-black), 0.32),0 6px 8px 0 rgba(var(--mrl-black), 0.04);--mrl-shadow-03: 0 0 1px 0 rgba(var(--mrl-black), 0.32),0 24px 20px 0 rgba(var(--mrl-black), 0.04);--mrl-shadow-interactive-01: 0 4px 5px 0 rgba(var(--mrl-black), 0.08);--mrl-shadow-interactive-02: 0 12px 20px 0px 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: abcsocial;--mrl-font-family-02: stkbureau;--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.25;--mrl-line-height-06: 1.333;--mrl-line-height-07: 1.4;--mrl-line-height-08: 1.429;--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-info-light: rgba(var(--mrl-status-info-light), 1);--mrl-color-background-success: rgba(var(--mrl-status-success), 1);--mrl-color-background-success-light: rgba(var(--mrl-status-success-light), 1);--mrl-color-background-warning: rgba(var(--mrl-status-warning), 1);--mrl-color-background-warning-light: rgba(var(--mrl-status-warning-light), 1);--mrl-color-background-error: rgba(var(--mrl-status-error), 1);--mrl-color-background-error-light: rgba(var(--mrl-status-error-light), 1);--mrl-color-background-private: rgba(var(--mrl-gray-100), 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-80), 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-status-success), 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-status-info), 1);--mrl-color-text-private: rgba(var(--mrl-gray-100), 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-fine: 1px;--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-body-font: var(--mrl-font-family-01), sans-serif;--mrl-heading-font: var(--mrl-font-family-01), sans-serif;--mrl-heading-font-alt: var(--mrl-font-family-02), serif;--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-title: var(--mrl-line-height-05);--mrl-type-line-height-title-large: var(--mrl-line-height-06);--mrl-type-line-height-title-small: var(--mrl-line-height-08);--mrl-type-line-height-title-xsmall: var(--mrl-line-height-06);--mrl-type-line-height-title-xxsmall: var(--mrl-line-height-06);--mrl-type-line-height-display: var(--mrl-line-height-02);--mrl-type-line-height-display-large: var(--mrl-line-height-02);--mrl-type-line-height-display-small: var(--mrl-line-height-02);--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-06);--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-display: var(--mrl-font-weight-01);--mrl-type-weight-headline: var(--mrl-font-weight-04);--mrl-type-weight-title: var(--mrl-font-weight-04);--mrl-type-weight-title-secondary: var(--mrl-font-weight-02);--mrl-type-weight-text: var(--mrl-font-weight-01);--mrl-type-weight-text-bold: var(--mrl-font-weight-04);--mrl-type-weight-text-secondary: var(--mrl-font-weight-01);--mrl-type-weight-interactive: var(--mrl-font-weight-04);--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-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-display-xsmall: var(--mrl-font-size-07);--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-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-09);--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-body-font);font-size:var(--mrl-font-size, 100%);-webkit-font-smoothing:antialiased;margin:0;padding:0;vertical-align:baseline}h1,h2,h3,h4,h5,h6{font-family:var(--mrl-heading-font)}*,*::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-body-font);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-body-font);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-body-font);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-body-font);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-u-preHydrateSkeleton mrl-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button:not(.hydrated){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);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-body-font);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-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}/*# sourceMappingURL=foundation.min.css.map */
package/dist/foundation.min.css.map CHANGED
@@ -1 +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,+DCsJF,MAEE,o0IAKC,gnBAIF,0CC7KD,MAGE,qQAKA,mGAKA,8CCdF,MAEE,qbCCF,MAEE,8wBCkCF,MACC,mBACA,gCACA,gCAIC,6yBAKA,iUAKA,mJAKA,uICiEF,MAGE,4zHAKA,wTAID,gDAGA,oEACA,0ECtHD,MAGE,20CAMD,yEAGA,uFAPA,0CALD,MAME,0DCXF,MAGC,kCAIC,gPAKA,ydAiCC,02CAaD,qKCIF,MACC,uDACA,0DACA,yDAIC,kkBAKA,muCAKA,ybAKA,2eAKD,wEACA,8DAKD,qCACC,MAGE,yXAKA,6LAKA,iEChIH,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,iCACA,qCACA,mCACA,SACA,UACA,wBAGD,kBACC,oCAGD,qBAGC,mBCtJD,+BCgHC,QANmB,KDtGpB,sCC4GC,QAHoB,YDrGrB,6BCoFC,mBACA,QAPmB,KASnB,+BACC,oBDpFF,oCCgFC,mBACA,QAJoB,YAMpB,sCACC,oBC9FD,+BDgCA,iCACA,2CACA,+CACA,0DACA,2DCpCA,8BDgCA,iCACA,0CACA,+CACA,4CACA,0DCpCA,+BDgCA,iCACA,oCACA,+CACA,4CACA,oDCpCA,8BDgCA,iCACA,0CACA,+CACA,4CACA,0DC/BD,6BDqEC,gDACA,oDEnBD,MACC,kEACA,gEAaA,wKA1CA,WA7B4B,sBAgC3B,UAhC2B,sBA4C5B,uDACA,8CACA,gBACA,oBACA,oBACA,iCACA,oBACA,mBA6BA,sbAMC,0EAMF,qDA/DC,WA5B0B,sBAgG3B,4BApEC,WA5B0B,sBA+BzB,UA/ByB,sBAqG3B,qDAzEC,WAxB0B,oDAsG3B,4BA9EC,WAxB0B,oDA2BzB,UA3ByB,oDA2G3B,0FAnFC,WAvB2B,sBA0B1B,UA1B0B","file":"foundation.min.css"}
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,+DC0JF,MAEE,u+IAKC,gnBAIF,0CCjLD,MAGE,qQAKA,mGAKA,8CCdF,MAEE,qbCCF,MAEE,8wBCkCF,MACC,mBACA,gCACA,gCAIC,6yBAKA,iUAKA,mJAKA,uICqEF,MAGE,ynIAKA,wTAID,gDAGA,oEACA,0EC1HD,MAGE,20CAMD,yEAGA,uFAPA,0CALD,MAME,0DCXF,MAGC,kCAIC,gPAKA,ydAiCC,02CAaD,qKCIF,MACC,uDACA,0DACA,yDAIC,kkBAKA,muCAKA,ybAKA,2eAKD,wEACA,8DAKD,qCACC,MAGE,yXAKA,6LAKA,iEChIH,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,iCACA,qCACA,mCACA,SACA,UACA,wBAGD,kBACC,oCAGD,qBAGC,mBCtJD,+BCgHC,QANmB,KDtGpB,sCC4GC,QAHoB,YDrGrB,6BCoFC,mBACA,QAPmB,KASnB,+BACC,oBDpFF,oCCgFC,mBACA,QAJoB,YAMpB,sCACC,oBC9FD,+BDgCA,iCACA,2CACA,+CACA,0DACA,2DCpCA,8BDgCA,iCACA,0CACA,+CACA,4CACA,0DCpCA,+BDgCA,iCACA,oCACA,+CACA,4CACA,oDCpCA,8BDgCA,iCACA,0CACA,+CACA,4CACA,0DC/BD,6BDqEC,gDACA,oDEnBD,MACC,kEACA,gEAaA,wKA1CA,WA7B4B,sBAgC3B,UAhC2B,sBA4C5B,uDACA,8CACA,gBACA,oBACA,oBACA,iCACA,oBACA,mBA6BA,sbAMC,0EAMF,qDA/DC,WA5B0B,sBAgG3B,4BApEC,WA5B0B,sBA+BzB,UA/ByB,sBAqG3B,qDAzEC,WAxB0B,oDAsG3B,4BA9EC,WAxB0B,oDA2BzB,UA3ByB,oDA2G3B,0FAnFC,WAvB2B,sBA0B1B,UA1B0B","file":"foundation.min.css"}
package/package.json CHANGED
@@ -1 +1,55 @@
1
- {"name":"@muraldevkit/ds-foundation","version":"2.5.0","description":"Mural's design system's Foundation package containing our design language features used across all components","license":"https://www.mural.co/terms/developer-addendum","scripts":{"copy":"npm run copy:json","copy:json":"cpy src/tokens/*.json dist/tokens/ --flat","build:minify":"npm run build:fonts:min && npm run build:foundation:min","build:transpile":"npm run build:fonts && npm run build:foundation","build:foundation":"sass src/styles/index.scss dist/foundation.css","build:foundation:min":"sass src/styles/index.scss dist/foundation.min.css --style compressed","build:fonts":"sass src/styles/fonts.scss dist/fonts.css","build:fonts:min":"sass src/styles/fonts.scss dist/fonts.min.css --style compressed","build:tokens":"style-dictionary build --config ../../node_modules/@muraldevkit/ds-utilities/lib/configs/style-dictionary.json","build:styles":"npm run build:transpile && npm run build:minify","build":"npm run clean && npm run build:tokens && npm run build:styles","postbuild":"npm run copy","clean":"rimraf dist && rimraf src/styles/_global.scss","watch":"sass src/styles/index.scss dist/foundation.css --watch","release":"npx semantic-release"},"files":["dist/","src/styles/","assets/fonts"],"publishConfig":{"access":"public"},"packageConfig":{"status":"integration-ready"},"devDependencies":{"@muraldevkit/ds-semrel-config":"1.1.0","@muraldevkit/ds-semrel-manager":"1.0.0","@muraldevkit/ds-semrel-stencil-exports":"1.0.1","@muraldevkit/ds-utilities":"1.0.5","cpy-cli":"4.2.0","rimraf":"3.0.2","sass":"1.62.1","semantic-release-monorepo":"7.0.5","style-dictionary":"3.7.2"},"release":{"extends":["semantic-release-monorepo","./config/release.config"]},"nx":{"targets":{"build":{"dependsOn":["^build"]},"inputs":["{projectRoot}/src/**/*"],"outputs":["{projectRoot}/dist"]}}}
1
+ {
2
+ "name": "@muraldevkit/ds-foundation",
3
+ "version": "2.7.0",
4
+ "description": "Mural's design system's Foundation package containing our design language features used across all components",
5
+ "license": "https://www.mural.co/terms/developer-addendum",
6
+ "scripts": {
7
+ "copy": "npm run copy:json",
8
+ "copy:json": "cpy src/tokens/*.json dist/tokens/ --flat",
9
+ "build:minify": "npm run build:fonts:min && npm run build:foundation:min",
10
+ "build:transpile": "npm run build:fonts && npm run build:foundation",
11
+ "build:foundation": "sass src/styles/index.scss dist/foundation.css",
12
+ "build:foundation:min": "sass src/styles/index.scss dist/foundation.min.css --style compressed",
13
+ "build:fonts": "sass src/styles/fonts.scss dist/fonts.css",
14
+ "build:fonts:min": "sass src/styles/fonts.scss dist/fonts.min.css --style compressed",
15
+ "build:styles": "npm run build:transpile && npm run build:minify",
16
+ "build": "npm run clean && npm run build:styles",
17
+ "postbuild": "npm run copy",
18
+ "clean": "rimraf dist && rimraf src/styles/_global.scss",
19
+ "lint": "stylelint src/styles/**/*.scss",
20
+ "watch": "sass src/styles/index.scss dist/foundation.css --watch",
21
+ "release": "npx semantic-release"
22
+ },
23
+ "files": [
24
+ "dist/",
25
+ "src/styles/",
26
+ "assets/fonts"
27
+ ],
28
+ "publishConfig": {
29
+ "access": "public"
30
+ },
31
+ "devDependencies": {
32
+ "cpy-cli": "4.2.0",
33
+ "rimraf": "5.0.0",
34
+ "sass": "1.62.1",
35
+ "semantic-release": "19.0.5",
36
+ "semantic-release-monorepo": "7.0.5",
37
+ "stylelint": "14.16.1",
38
+ "stylelint-config-prettier": "9.0.4",
39
+ "stylelint-config-standard": "29.0.0",
40
+ "stylelint-config-standard-scss": "6.1.0",
41
+ "stylelint-order": "6.0.0",
42
+ "stylelint-sassdoc": "0.4.2",
43
+ "stylelint-scss": "4.6.0"
44
+ },
45
+ "lint-staged": {
46
+ "src/**": "prettier --ignore-unknown --write",
47
+ "src/**/*.{css,sass,scss}": "stylelint src/styles/**/*.scss --fix"
48
+ },
49
+ "release": {
50
+ "extends": [
51
+ "semantic-release-monorepo",
52
+ "./release.config"
53
+ ]
54
+ }
55
+ }
package/src/styles/contextual-variables/color.scss CHANGED
@@ -24,9 +24,13 @@ $mrl-contextual-color-vars: (
24
24
  // Status use cases
25
25
  // @TODO - remove private when releasing v2
26
26
  "background-info": "status-info",
27
+ "background-info-light": "status-info-light",
27
28
  "background-success": "status-success",
29
+ "background-success-light": "status-success-light",
28
30
  "background-warning": "status-warning",
31
+ "background-warning-light": "status-warning-light",
29
32
  "background-error": "status-error",
33
+ "background-error-light": "status-error-light",
30
34
  "background-private": "gray-100",
31
35
 
32
36
  // This is our primary inverse background color
@@ -112,10 +116,10 @@ $mrl-contextual-color-vars: (
112
116
 
113
117
  // Status colors
114
118
  // @TODO - remove private with v2
115
- "text-success": "gray-90", // For success messages on a white background
119
+ "text-success": "status-success", // For success messages on a white background
116
120
  "text-warning": "gray-90", // For warning messages on a white background
117
121
  "text-error": "status-error", // For error messages on a white background
118
- "text-info": "gray-90", // For info messages on a white background
122
+ "text-info": "status-info", // For info messages on a white background
119
123
  "text-private": "gray-100", // For private messages on a white background
120
124
 
121
125
  // --------- Icon --------------
package/src/styles/fonts.scss CHANGED
@@ -30,4 +30,4 @@ $mrl-bureau-font-weights: (
30
30
  $font-family: stkbureau;
31
31
  $font-path: "#{$mrl-font-dir}/STKBureau-Serif#{$font-weight-name}.12072022";
32
32
  @include font-face($font-family, $font-path, $font-weight-value);
33
- }
33
+ }
package/src/styles/global-variables/color.scss CHANGED
@@ -161,9 +161,13 @@ $mrl-global-color-vars: (
161
161
  "black": "0, 0, 0", // #000000
162
162
  /* Status colors */
163
163
  "status-info": "49, 99, 201", // #3163c9
164
+ "status-info-light": "236, 242, 254", // #ecf2fe
164
165
  "status-success": "0, 132, 63", // #00843f
166
+ "status-success-light": "243, 250, 235", // #f3faeb
165
167
  "status-warning": "255, 170, 1", // #ffaa01
166
- "status-error": "179, 33, 42" // #b3212a
168
+ "status-warning-light": "254, 246, 231", // #fef6e7
169
+ "status-error": "179, 33, 42", // #b3212a
170
+ "status-error-light": "252, 233, 235" // #fce9eb
167
171
  );
168
172
  $mrl-global-colors-opacity: (
169
173
  "black": (
package/dist/android/mrl_colors.xml DELETED
@@ -1,9 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
-
3
- <!--
4
- Do not edit directly
5
- Generated on Wed, 28 Feb 2024 19:32:36 GMT
6
- -->
7
- <resources>
8
-
9
- </resources>
package/dist/android/mrl_font_dimens.xml DELETED
@@ -1,9 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
-
3
- <!--
4
- Do not edit directly
5
- Generated on Wed, 28 Feb 2024 19:32:36 GMT
6
- -->
7
- <resources>
8
-
9
- </resources>
package/dist/ios-swift/Mrl.swift DELETED
@@ -1,223 +0,0 @@
1
-
2
- //
3
- // Mrl.swift
4
- //
5
-
6
- // Do not edit directly
7
- // Generated on Wed, 28 Feb 2024 19:32:36 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 = #306AE3
22
- public static let blue80 = #3163c9
23
- public static let blue90 = #2a56b0
24
- public static let blueberry10 = #d7e4ff
25
- public static let blueberry100 = #184295
26
- public static let blueberry20 = #cadbfc
27
- public static let blueberry30 = #bbd1fb
28
- public static let blueberry40 = #8baff9
29
- public static let blueberry50 = #6992e2
30
- public static let blueberry60 = #5b83d2
31
- public static let blueberry70 = #406ecb
32
- public static let blueberry80 = #2059ca
33
- public static let blueberry90 = #1c4daf
34
- public static let blueberryDesaturated = #adc7e0
35
- public static let coral10 = #ffe6ef
36
- public static let coral100 = #a3003f
37
- public static let coral20 = #feccdf
38
- public static let coral30 = #fe9abf
39
- public static let coral40 = #fd67a0
40
- public static let coral50 = #fd3581
41
- public static let coral60 = #ff0066
42
- public static let coral70 = #e8005a
43
- public static let coral80 = #d60057
44
- public static let coral90 = #c0034d
45
- public static let distance01 = 4
46
- public static let distance02 = 8
47
- public static let dragonfruit10 = #ffe1f3
48
- public static let dragonfruit100 = #8d3a88
49
- public static let dragonfruit20 = #f6d5f3
50
- public static let dragonfruit30 = #e6bce2
51
- public static let dragonfruit40 = #d897d1
52
- public static let dragonfruit50 = #ca72c1
53
- public static let dragonfruit60 = #c464ba
54
- public static let dragonfruit70 = #ba4aab
55
- public static let dragonfruit80 = #af4ba8
56
- public static let dragonfruit90 = #a3439d
57
- public static let dragonfruitDesaturated = #e8c9dd
58
- public static let duration01 = 17
59
- public static let duration02 = 167
60
- public static let duration03 = 333
61
- public static let duration04 = 667
62
- public static let fontFamily01 = 'abcsocial' /* Brand font family used everywhere */
63
- public static let fontFamily02 = 'stkburea' /* Brand font family used for certain headers */
64
- public static let fontSize01 = 11 /* 11px text */
65
- public static let fontSize02 = 12 /* 12px text */
66
- public static let fontSize03 = 14 /* 14px text */
67
- public static let fontSize04 = 16 /* 16px text */
68
- public static let fontSize05 = 18 /* 18px text */
69
- public static let fontSize06 = 20 /* 20px text */
70
- public static let fontSize07 = 24 /* 24px text */
71
- public static let fontSize08 = 32 /* 32px text */
72
- public static let fontSize09 = 40 /* 40px text */
73
- public static let fontSize10 = 48 /* 48px text */
74
- public static let fontSize11 = 64 /* 64px text */
75
- public static let fontSize12 = 80 /* 80px text */
76
- public static let fontSize13 = 96 /* 96px text */
77
- public static let fontSize14 = 120 /* 120px text */
78
- public static let fontWeight01 = 400 /* Regular */
79
- public static let fontWeight02 = 500 /* Medium */
80
- public static let fontWeight03 = 600 /* Semibold */
81
- public static let fontWeight04 = 700 /* Bold */
82
- public static let fontWeight05 = 800 /* Extra bold */
83
- public static let grape10 = #dedcf9
84
- public static let grape100 = #3f319b
85
- public static let grape20 = #d8d8f9
86
- public static let grape30 = #cfcff7
87
- public static let grape40 = #a2a3f0
88
- public static let grape50 = #8e81e4
89
- public static let grape60 = #846ce0
90
- public static let grape70 = #7256db
91
- public static let grape80 = #5e3ed6
92
- public static let grape90 = #4a3ab6
93
- public static let grapeDesaturated = #bdbbdd
94
- public static let gray10 = #fafafa
95
- public static let gray100 = #1f1f1f
96
- public static let gray20 = #eeeeee
97
- public static let gray30 = #dedede
98
- public static let gray40 = #bbbbbb
99
- public static let gray50 = #9e9e9e
100
- public static let gray60 = #919191
101
- public static let gray70 = #737373
102
- public static let gray80 = #4e4e4e
103
- public static let gray90 = #2f2f2f
104
- public static let lemon10 = #faf1c1
105
- public static let lemon100 = #68540d
106
- public static let lemon20 = #f9f0be
107
- public static let lemon30 = #f9edae
108
- public static let lemon40 = #f5e27f
109
- public static let lemon50 = #e4cb49
110
- public static let lemon60 = #b69e23
111
- public static let lemon70 = #8e7417
112
- public static let lemon80 = #846c15
113
- public static let lemon90 = #7a6310
114
- public static let lemonDesaturated = #e4d795
115
- public static let letterSpacing01 = -2% /* Condensed spacing */
116
- public static let letterSpacing02 = -1% /* Semi-condensed spacing */
117
- public static let letterSpacing03 = 0% /* No spacing */
118
- public static let letterSpacing04 = 1% /* Semi-extended spacing */
119
- public static let letterSpacing05 = 2% /* Extended spacing */
120
- public static let lineHeight01 = 0.875
121
- public static let lineHeight02 = 1
122
- public static let lineHeight03 = 1.125
123
- public static let lineHeight04 = 1.167
124
- public static let lineHeight05 = 1.2
125
- public static let lineHeight06 = 1.33
126
- public static let lineHeight07 = 1.4
127
- public static let lineHeight08 = 1.45
128
- public static let lineHeight09 = 1.5
129
- public static let lineHeight10 = 1.56
130
- public static let lineHeight11 = 1.75
131
- public static let lineHeight12 = 2
132
- public static let melon10 = #e3f8d8
133
- public static let melon100 = #3c6029
134
- public static let melon20 = #d6edca
135
- public static let melon30 = #bee2ab
136
- public static let melon40 = #a1d687
137
- public static let melon50 = #7ab95b
138
- public static let melon60 = #5da03b
139
- public static let melon70 = #4b842e
140
- public static let melon80 = #45792a
141
- public static let melon90 = #477231
142
- public static let melonDesaturated = #a9d0b2
143
- public static let mint10 = #dcf2f9
144
- public static let mint100 = #016384
145
- public static let mint20 = #cfeaf2
146
- public static let mint30 = #b1d9e7
147
- public static let mint40 = #8ac7db
148
- public static let mint50 = #59b5d4
149
- public static let mint60 = #2496bc
150
- public static let mint70 = #097ea5
151
- public static let mint80 = #08769b
152
- public static let mint90 = #017298
153
- public static let mintDesaturated = #a2cbd8
154
- public static let orange10 = #ffe7cc
155
- public static let orange100 = #933901
156
- public static let orange20 = #fee2c2
157
- public static let orange30 = #fce0c0
158
- public static let orange40 = #f5c792
159
- public static let orange50 = #f49e48
160
- public static let orange60 = #e5791a
161
- public static let orange70 = #c94f13
162
- public static let orange80 = #bf4c12
163
- public static let orange90 = #b24401
164
- public static let orangeDesaturated = #ebba8e
165
- public static let radii01 = 2
166
- public static let radii02 = 4
167
- public static let radii03 = 8
168
- public static let radii04 = 12
169
- public static let radii05 = 16
170
- public static let radii06 = 24
171
- public static let radii07 = 32
172
- public static let radii08 = 40
173
- public static let shadow01 = 0 3px 4px rgba(0, 0, 0, 0.8)
174
- public static let shadow02 = 0 5px 8px rgba(0, 0, 0, 0.8)
175
- public static let shadow03 = 0 25px 20px rgba(0, 0, 0, 0.12)
176
- public static let shadowInteractive01 = 0 4px 5px rgba(0, 0, 0, 0.8)
177
- public static let shadowInteractive02 = 0 20px 12px rgba(0, 0, 0, 0.20)
178
- public static let spacing01 = 2
179
- public static let spacing02 = 4
180
- public static let spacing03 = 8
181
- public static let spacing04 = 12
182
- public static let spacing05 = 16
183
- public static let spacing06 = 20
184
- public static let spacing07 = 24
185
- public static let spacing08 = 32
186
- public static let spacing09 = 40
187
- public static let spacing10 = 48
188
- public static let spacing11 = 64
189
- public static let spacing12 = 80
190
- public static let spacing13 = 96
191
- public static let spacing14 = 160
192
- public static let stroke01 = 2
193
- public static let stroke02 = 2
194
- public static let stroke03 = 2
195
- public static let timingM1 = 0.17, 0.00, 0.00, 1.00
196
- public static let timingM1r = 1.00, 0.00, 0.83, 1.00
197
- public static let timingM2 = 0, 0.5, 0, 1
198
- public static let timingM3 = 0.33, 0.00, 0.67, 1.00
199
- public static let timingM4 = 0.00, 0.00, 0.00, 1.00
200
- public static let tomato10 = #fbe0df
201
- public static let tomato100 = #9d2028
202
- public static let tomato20 = #fdd8d8
203
- public static let tomato30 = #f6c1c2
204
- public static let tomato40 = #f09497
205
- public static let tomato50 = #e36367
206
- public static let tomato60 = #e0484d
207
- public static let tomato70 = #d43a40
208
- public static let tomato80 = #cd2d33
209
- public static let tomato90 = #be2730
210
- public static let tomatoDesaturated = #e5b3b6
211
- public static let truffle10 = #ecefee
212
- public static let truffle100 = #38423f
213
- public static let truffle20 = #dbe1df
214
- public static let truffle30 = #c5cecb
215
- public static let truffle40 = #aab6b2
216
- public static let truffle50 = #839590
217
- public static let truffle60 = #6c7f79
218
- public static let truffle70 = #60716c
219
- public static let truffle80 = #50625d
220
- public static let truffle90 = #46534f
221
- public static let truffleDesaturated = #c4cac8
222
- public static let white = #ffffff
223
- }