polaris_tokens 2.18.0 → 3.0.0

data/dist-modern/palette/mfp-ui.dark.polaris.custom-properties.css

@@ -0,0 +1,129 @@
+:root {
+  --p-background: rgb(11, 12, 13);
+  --p-background-hovered: rgb(11, 12, 13);
+  --p-background-pressed: rgb(11, 12, 13);
+  --p-background-selected: rgb(11, 12, 13);
+  --p-surface: rgb(32, 33, 35);
+  --p-surface-neutral: rgb(49, 51, 53);
+  --p-surface-neutral-hovered: rgb(49, 51, 53);
+  --p-surface-neutral-pressed: rgb(49, 51, 53);
+  --p-surface-neutral-disabled: rgb(49, 51, 53);
+  --p-surface-neutral-subdued: rgb(68, 71, 74);
+  --p-surface-subdued: rgb(26, 28, 29);
+  --p-surface-disabled: rgb(26, 28, 29);
+  --p-surface-hovered: rgb(47, 49, 51);
+  --p-surface-pressed: rgb(62, 64, 67);
+  --p-surface-depressed: rgb(80, 83, 86);
+  --p-surface-search-field: rgb(47, 49, 51);
+  --p-backdrop: rgba(0, 0, 0, 0.5);
+  --p-overlay: rgba(33, 33, 33, 0.5);
+  --p-shadow-from-dim-light: rgba(255, 255, 255, 0.2);
+  --p-shadow-from-ambient-light: rgba(23, 24, 24, 0.05);
+  --p-shadow-from-direct-light: rgba(255, 255, 255, 0.15);
+  --p-hint-from-direct-light: rgba(185, 185, 185, 0.2);
+  --p-border: rgb(80, 83, 86);
+  --p-border-neutral-subdued: rgb(130, 135, 139);
+  --p-border-hovered: rgb(80, 83, 86);
+  --p-border-disabled: rgb(103, 107, 111);
+  --p-border-subdued: rgb(130, 135, 139);
+  --p-border-depressed: rgb(142, 145, 145);
+  --p-border-shadow: rgb(91, 95, 98);
+  --p-border-shadow-subdued: rgb(130, 135, 139);
+  --p-divider: rgb(69, 71, 73);
+  --p-icon: rgb(166, 172, 178);
+  --p-icon-hovered: rgb(225, 227, 229);
+  --p-icon-pressed: rgb(166, 172, 178);
+  --p-icon-disabled: rgb(84, 87, 90);
+  --p-icon-subdued: rgb(120, 125, 129);
+  --p-text: rgb(227, 229, 231);
+  --p-text-disabled: rgb(111, 115, 119);
+  --p-text-subdued: rgb(153, 159, 164);
+  --p-interactive: rgb(54, 163, 255);
+  --p-interactive-disabled: rgb(38, 98, 182);
+  --p-interactive-hovered: rgb(103, 175, 255);
+  --p-interactive-pressed: rgb(136, 188, 255);
+  --p-focused: rgb(38, 98, 182);
+  --p-surface-selected: rgb(2, 14, 35);
+  --p-surface-selected-hovered: rgb(7, 29, 61);
+  --p-surface-selected-pressed: rgb(13, 43, 86);
+  --p-icon-on-interactive: rgb(255, 255, 255);
+  --p-text-on-interactive: rgb(255, 255, 255);
+  --p-action-secondary: rgb(77, 80, 83);
+  --p-action-secondary-disabled: rgb(32, 34, 35);
+  --p-action-secondary-hovered: rgb(84, 87, 91);
+  --p-action-secondary-pressed: rgb(96, 100, 103);
+  --p-action-secondary-depressed: rgb(123, 127, 132);
+  --p-action-primary: rgb(46, 113, 191);
+  --p-action-primary-disabled: rgb(29, 76, 131);
+  --p-action-primary-hovered: rgb(56, 133, 223);
+  --p-action-primary-pressed: rgb(68, 146, 241);
+  --p-action-primary-depressed: rgb(102, 159, 243);
+  --p-icon-on-primary: rgb(247, 249, 254);
+  --p-text-on-primary: rgb(255, 255, 255);
+  --p-text-primary: rgb(52, 125, 211);
+  --p-text-primary-hovered: rgb(59, 141, 236);
+  --p-text-primary-pressed: rgb(96, 156, 242);
+  --p-surface-primary-selected: rgb(14, 17, 24);
+  --p-surface-primary-selected-hovered: rgb(42, 46, 56);
+  --p-surface-primary-selected-pressed: rgb(56, 62, 74);
+  --p-border-critical: rgb(227, 47, 14);
+  --p-border-critical-subdued: rgb(227, 47, 14);
+  --p-border-critical-disabled: rgb(131, 23, 4);
+  --p-icon-critical: rgb(218, 45, 13);
+  --p-surface-critical: rgb(69, 7, 1);
+  --p-surface-critical-subdued: rgb(69, 7, 1);
+  --p-surface-critical-subdued-hovered: rgb(68, 23, 20);
+  --p-surface-critical-subdued-pressed: rgb(107, 16, 3);
+  --p-surface-critical-subdued-depressed: rgb(135, 24, 5);
+  --p-text-critical: rgb(233, 128, 122);
+  --p-action-critical: rgb(205, 41, 12);
+  --p-action-critical-disabled: rgb(187, 37, 10);
+  --p-action-critical-hovered: rgb(227, 47, 14);
+  --p-action-critical-pressed: rgb(250, 53, 17);
+  --p-action-critical-depressed: rgb(253, 87, 73);
+  --p-icon-on-critical: rgb(255, 248, 247);
+  --p-text-on-critical: rgb(255, 255, 255);
+  --p-interactive-critical: rgb(253, 114, 106);
+  --p-interactive-critical-disabled: rgb(254, 172, 168);
+  --p-interactive-critical-hovered: rgb(253, 138, 132);
+  --p-interactive-critical-pressed: rgb(253, 159, 155);
+  --p-border-warning: rgb(153, 112, 0);
+  --p-border-warning-subdued: rgb(153, 112, 0);
+  --p-icon-warning: rgb(104, 75, 0);
+  --p-surface-warning: rgb(153, 112, 0);
+  --p-surface-warning-subdued: rgb(77, 59, 29);
+  --p-surface-warning-subdued-hovered: rgb(82, 63, 32);
+  --p-surface-warning-subdued-pressed: rgb(87, 67, 34);
+  --p-text-warning: rgb(202, 149, 0);
+  --p-border-highlight: rgb(68, 157, 167);
+  --p-border-highlight-subdued: rgb(68, 157, 167);
+  --p-icon-highlight: rgb(44, 108, 115);
+  --p-surface-highlight: rgb(0, 105, 113);
+  --p-surface-highlight-subdued: rgb(18, 53, 57);
+  --p-surface-highlight-subdued-hovered: rgb(20, 58, 62);
+  --p-surface-highlight-subdued-pressed: rgb(24, 65, 70);
+  --p-text-highlight: rgb(162, 239, 250);
+  --p-border-success: rgb(0, 135, 102);
+  --p-border-success-subdued: rgb(0, 135, 102);
+  --p-icon-success: rgb(0, 94, 70);
+  --p-surface-success: rgb(0, 94, 70);
+  --p-surface-success-subdued: rgb(28, 53, 44);
+  --p-surface-success-subdued-hovered: rgb(31, 58, 48);
+  --p-surface-success-subdued-pressed: rgb(35, 65, 54);
+  --p-text-success: rgb(88, 173, 142);
+  --p-decorative-one-icon: rgb(255, 186, 67);
+  --p-decorative-one-surface: rgb(142, 102, 9);
+  --p-decorative-one-text: rgb(255, 255, 255);
+  --p-decorative-two-icon: rgb(245, 182, 192);
+  --p-decorative-two-surface: rgb(206, 88, 20);
+  --p-decorative-two-text: rgb(255, 255, 255);
+  --p-decorative-three-icon: rgb(0, 227, 141);
+  --p-decorative-three-surface: rgb(0, 124, 90);
+  --p-decorative-three-text: rgb(255, 255, 255);
+  --p-decorative-four-icon: rgb(0, 221, 218);
+  --p-decorative-four-surface: rgb(22, 124, 121);
+  --p-decorative-four-text: rgb(255, 255, 255);
+  --p-decorative-five-icon: rgb(244, 183, 191);
+  --p-decorative-five-surface: rgb(194, 51, 86);
+  --p-decorative-five-text: rgb(255, 255, 255);
+}

data/dist-modern/palette/mfp-ui.light.android.xml

@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<resources>
+    <color name="polaris_action_critical">#ffd82c0d</color>
+    <color name="polaris_action_critical_depressed">#ff6c0f00</color>
+    <color name="polaris_action_critical_disabled">#fff1f1f1</color>
+    <color name="polaris_action_critical_hovered">#ffbc2200</color>
+    <color name="polaris_action_critical_pressed">#ffa21b00</color>
+    <color name="polaris_action_primary">#ff2e71bf</color>
+    <color name="polaris_action_primary_depressed">#ff12355f</color>
+    <color name="polaris_action_primary_disabled">#fff1f1f1</color>
+    <color name="polaris_action_primary_hovered">#ff2762a6</color>
+    <color name="polaris_action_primary_pressed">#ff20538f</color>
+    <color name="polaris_action_secondary">#ffffffff</color>
+    <color name="polaris_action_secondary_depressed">#ff6d7175</color>
+    <color name="polaris_action_secondary_disabled">#ffffffff</color>
+    <color name="polaris_action_secondary_hovered">#fff6f6f7</color>
+    <color name="polaris_action_secondary_pressed">#fff1f2f3</color>
+    <color name="polaris_backdrop">#80000000</color>
+    <color name="polaris_background">#fff6f6f7</color>
+    <color name="polaris_background_hovered">#fff1f2f3</color>
+    <color name="polaris_background_pressed">#ffedeeef</color>
+    <color name="polaris_background_selected">#ffedeeef</color>
+    <color name="polaris_border">#ff8c9196</color>
+    <color name="polaris_border_critical">#fffd5749</color>
+    <color name="polaris_border_critical_disabled">#ffffa7a3</color>
+    <color name="polaris_border_critical_subdued">#ffe0b3b2</color>
+    <color name="polaris_border_depressed">#ff575959</color>
+    <color name="polaris_border_disabled">#ffd2d5d8</color>
+    <color name="polaris_border_highlight">#ff449da7</color>
+    <color name="polaris_border_highlight_subdued">#ff98c6cd</color>
+    <color name="polaris_border_hovered">#ff999ea4</color>
+    <color name="polaris_border_neutral_subdued">#ffbabfc3</color>
+    <color name="polaris_border_shadow">#ffaeb4b9</color>
+    <color name="polaris_border_shadow_subdued">#ffbabfc4</color>
+    <color name="polaris_border_subdued">#ffc9cccf</color>
+    <color name="polaris_border_success">#ff00a47c</color>
+    <color name="polaris_border_success_subdued">#ff95c9b4</color>
+    <color name="polaris_border_warning">#ffb98900</color>
+    <color name="polaris_border_warning_subdued">#ffe1b878</color>
+    <color name="polaris_decorative_five_icon">#ffae2b4c</color>
+    <color name="polaris_decorative_five_surface">#fffdc9d0</color>
+    <color name="polaris_decorative_five_text">#ff4f0e1f</color>
+    <color name="polaris_decorative_four_icon">#ff006a68</color>
+    <color name="polaris_decorative_four_surface">#ff91e0d6</color>
+    <color name="polaris_decorative_four_text">#ff002d2d</color>
+    <color name="polaris_decorative_one_icon">#ff7e5700</color>
+    <color name="polaris_decorative_one_surface">#ffffc96b</color>
+    <color name="polaris_decorative_one_text">#ff3d2800</color>
+    <color name="polaris_decorative_three_icon">#ff006d41</color>
+    <color name="polaris_decorative_three_surface">#ff92e6b5</color>
+    <color name="polaris_decorative_three_text">#ff002f19</color>
+    <color name="polaris_decorative_two_icon">#ffaf294e</color>
+    <color name="polaris_decorative_two_surface">#ffffc4b0</color>
+    <color name="polaris_decorative_two_text">#ff490b1c</color>
+    <color name="polaris_divider">#ffe1e3e5</color>
+    <color name="polaris_focused">#ff458fff</color>
+    <color name="polaris_hint_from_direct_light">#26000000</color>
+    <color name="polaris_icon">#ff5c5f62</color>
+    <color name="polaris_icon_critical">#ffd72c0d</color>
+    <color name="polaris_icon_disabled">#ffbabec3</color>
+    <color name="polaris_icon_highlight">#ff00a0ac</color>
+    <color name="polaris_icon_hovered">#ff1a1c1d</color>
+    <color name="polaris_icon_on_critical">#ffffffff</color>
+    <color name="polaris_icon_on_interactive">#ffffffff</color>
+    <color name="polaris_icon_on_primary">#ffffffff</color>
+    <color name="polaris_icon_pressed">#ff44474a</color>
+    <color name="polaris_icon_subdued">#ff8c9196</color>
+    <color name="polaris_icon_success">#ff007f5f</color>
+    <color name="polaris_icon_warning">#ffb98900</color>
+    <color name="polaris_interactive">#ff2c6ecb</color>
+    <color name="polaris_interactive_critical">#ffd82c0d</color>
+    <color name="polaris_interactive_critical_disabled">#fffd938d</color>
+    <color name="polaris_interactive_critical_hovered">#ffcd290c</color>
+    <color name="polaris_interactive_critical_pressed">#ff670f03</color>
+    <color name="polaris_interactive_disabled">#ffbdc1cc</color>
+    <color name="polaris_interactive_hovered">#ff1f5199</color>
+    <color name="polaris_interactive_pressed">#ff103262</color>
+    <color name="polaris_overlay">#80ffffff</color>
+    <color name="polaris_shadow_from_ambient_light">#0d171818</color>
+    <color name="polaris_shadow_from_dim_light">#33000000</color>
+    <color name="polaris_shadow_from_direct_light">#26000000</color>
+    <color name="polaris_surface">#ffffffff</color>
+    <color name="polaris_surface_critical">#fffed3d1</color>
+    <color name="polaris_surface_critical_subdued">#fffff4f4</color>
+    <color name="polaris_surface_critical_subdued_depressed">#fffebcb9</color>
+    <color name="polaris_surface_critical_subdued_hovered">#fffff0f0</color>
+    <color name="polaris_surface_critical_subdued_pressed">#ffffe9e8</color>
+    <color name="polaris_surface_depressed">#ffedeeef</color>
+    <color name="polaris_surface_disabled">#fffafbfb</color>
+    <color name="polaris_surface_highlight">#ffa4e8f2</color>
+    <color name="polaris_surface_highlight_subdued">#ffebf9fc</color>
+    <color name="polaris_surface_highlight_subdued_hovered">#ffe4f7fa</color>
+    <color name="polaris_surface_highlight_subdued_pressed">#ffd5f3f8</color>
+    <color name="polaris_surface_hovered">#fff6f6f7</color>
+    <color name="polaris_surface_neutral">#ffe4e5e7</color>
+    <color name="polaris_surface_neutral_disabled">#fff1f2f3</color>
+    <color name="polaris_surface_neutral_hovered">#ffdbdddf</color>
+    <color name="polaris_surface_neutral_pressed">#ffc9ccd0</color>
+    <color name="polaris_surface_neutral_subdued">#fff6f6f7</color>
+    <color name="polaris_surface_pressed">#fff1f2f3</color>
+    <color name="polaris_surface_primary_selected">#fff6f6f8</color>
+    <color name="polaris_surface_primary_selected_hovered">#ffc4c9d6</color>
+    <color name="polaris_surface_primary_selected_pressed">#ffafb6c7</color>
+    <color name="polaris_surface_search_field">#fff1f2f3</color>
+    <color name="polaris_surface_selected">#fff2f7fe</color>
+    <color name="polaris_surface_selected_hovered">#ffedf4fe</color>
+    <color name="polaris_surface_selected_pressed">#ffe5effd</color>
+    <color name="polaris_surface_subdued">#fffafbfb</color>
+    <color name="polaris_surface_success">#ffaee9d1</color>
+    <color name="polaris_surface_success_subdued">#fff1f8f5</color>
+    <color name="polaris_surface_success_subdued_hovered">#ffecf6f1</color>
+    <color name="polaris_surface_success_subdued_pressed">#ffe2f1ea</color>
+    <color name="polaris_surface_warning">#ffffd79d</color>
+    <color name="polaris_surface_warning_subdued">#fffff5ea</color>
+    <color name="polaris_surface_warning_subdued_hovered">#fffff2e2</color>
+    <color name="polaris_surface_warning_subdued_pressed">#ffffebd3</color>
+    <color name="polaris_text">#ff202223</color>
+    <color name="polaris_text_critical">#ffd72c0d</color>
+    <color name="polaris_text_disabled">#ff8c9196</color>
+    <color name="polaris_text_highlight">#ff347c84</color>
+    <color name="polaris_text_on_critical">#ffffffff</color>
+    <color name="polaris_text_on_interactive">#ffffffff</color>
+    <color name="polaris_text_on_primary">#ffffffff</color>
+    <color name="polaris_text_primary">#ff2c6db9</color>
+    <color name="polaris_text_primary_hovered">#ff265fa2</color>
+    <color name="polaris_text_primary_pressed">#ff1f518b</color>
+    <color name="polaris_text_subdued">#ff6d7175</color>
+    <color name="polaris_text_success">#ff008060</color>
+    <color name="polaris_text_warning">#ff916a00</color>
+</resources>

data/dist-modern/palette/mfp-ui.light.figma.json

@@ -0,0 +1 @@
+[{"name":"background","value":{"r":246,"g":246,"b":247,"a":1},"figmaName":"Background/Default"},{"name":"backgroundHovered","value":{"r":241,"g":242,"b":243,"a":1},"figmaName":"Background/Hovered"},{"name":"backgroundPressed","value":{"r":237,"g":238,"b":239,"a":1},"figmaName":"Background/Pressed"},{"name":"backgroundSelected","value":{"r":237,"g":238,"b":239,"a":1},"figmaName":"Background/Selected"},{"name":"surface","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Surface/Default"},{"name":"surfaceNeutral","value":{"r":228,"g":229,"b":231,"a":1},"figmaName":"Surface Neutral/Default"},{"name":"surfaceNeutralHovered","value":{"r":219,"g":221,"b":223,"a":1},"figmaName":"Surface Neutral/Hovered"},{"name":"surfaceNeutralPressed","value":{"r":201,"g":204,"b":208,"a":1},"figmaName":"Surface Neutral/Pressed"},{"name":"surfaceNeutralDisabled","value":{"r":241,"g":242,"b":243,"a":1},"figmaName":"Surface Neutral/Disabled"},{"name":"surfaceNeutralSubdued","value":{"r":246,"g":246,"b":247,"a":1},"figmaName":"Surface Neutral/Subdued"},{"name":"surfaceSubdued","value":{"r":250,"g":251,"b":251,"a":1},"figmaName":"Surface/Subdued"},{"name":"surfaceDisabled","value":{"r":250,"g":251,"b":251,"a":1},"figmaName":"Surface/Disabled"},{"name":"surfaceHovered","value":{"r":246,"g":246,"b":247,"a":1},"figmaName":"Surface/Hovered"},{"name":"surfacePressed","value":{"r":241,"g":242,"b":243,"a":1},"figmaName":"Surface/Pressed"},{"name":"surfaceDepressed","value":{"r":237,"g":238,"b":239,"a":1},"figmaName":"Surface/Depressed"},{"name":"surfaceSearchField","value":{"r":241,"g":242,"b":243,"a":1},"figmaName":"Surface/SearchField"},{"name":"backdrop","value":{"r":0,"g":0,"b":0,"a":0.5},"figmaName":"Backdrop"},{"name":"overlay","value":{"r":255,"g":255,"b":255,"a":0.5},"figmaName":"Overlay"},{"name":"shadowFromDimLight","value":{"r":0,"g":0,"b":0,"a":0.2},"figmaName":"Shadow/From dim light"},{"name":"shadowFromAmbientLight","value":{"r":23,"g":24,"b":24,"a":0.05},"figmaName":"Shadow/From ambient light"},{"name":"shadowFromDirectLight","value":{"r":0,"g":0,"b":0,"a":0.15},"figmaName":"Shadow/From direct light"},{"name":"hintFromDirectLight","value":{"r":0,"g":0,"b":0,"a":0.15},"figmaName":"Hint/From direct light"},{"name":"border","value":{"r":140,"g":145,"b":150,"a":1},"figmaName":"Border/Default"},{"name":"borderNeutralSubdued","value":{"r":186,"g":191,"b":195,"a":1},"figmaName":"Border Neutral/Subdued"},{"name":"borderHovered","value":{"r":153,"g":158,"b":164,"a":1},"figmaName":"Border/Hovered"},{"name":"borderDisabled","value":{"r":210,"g":213,"b":216,"a":1},"figmaName":"Border/Disabled"},{"name":"borderSubdued","value":{"r":201,"g":204,"b":207,"a":1},"figmaName":"Border/Subdued"},{"name":"borderDepressed","value":{"r":87,"g":89,"b":89,"a":1},"figmaName":"Border/Depressed"},{"name":"borderShadow","value":{"r":174,"g":180,"b":185,"a":1},"figmaName":"BorderShadow"},{"name":"borderShadowSubdued","value":{"r":186,"g":191,"b":196,"a":1},"figmaName":"BorderShadow/Subdued"},{"name":"divider","value":{"r":225,"g":227,"b":229,"a":1},"figmaName":"Divider"},{"name":"icon","value":{"r":92,"g":95,"b":98,"a":1},"figmaName":"Icon/Default"},{"name":"iconHovered","value":{"r":26,"g":28,"b":29,"a":1},"figmaName":"Icon/Hovered"},{"name":"iconPressed","value":{"r":68,"g":71,"b":74,"a":1},"figmaName":"Icon/Pressed"},{"name":"iconDisabled","value":{"r":186,"g":190,"b":195,"a":1},"figmaName":"Icon/Disabled"},{"name":"iconSubdued","value":{"r":140,"g":145,"b":150,"a":1},"figmaName":"Icon/Subdued"},{"name":"text","value":{"r":32,"g":34,"b":35,"a":1},"figmaName":"Text/Default"},{"name":"textDisabled","value":{"r":140,"g":145,"b":150,"a":1},"figmaName":"Text/Disabled"},{"name":"textSubdued","value":{"r":109,"g":113,"b":117,"a":1},"figmaName":"Text/Subdued"},{"name":"interactive","value":{"r":44,"g":110,"b":203,"a":1},"figmaName":"Interactive/Default"},{"name":"interactiveDisabled","value":{"r":189,"g":193,"b":204,"a":1},"figmaName":"Interactive/Disabled"},{"name":"interactiveHovered","value":{"r":31,"g":81,"b":153,"a":1},"figmaName":"Interactive/Hovered"},{"name":"interactivePressed","value":{"r":16,"g":50,"b":98,"a":1},"figmaName":"Interactive/Pressed"},{"name":"focused","value":{"r":69,"g":143,"b":255,"a":1},"figmaName":"Focused/Default"},{"name":"surfaceSelected","value":{"r":242,"g":247,"b":254,"a":1},"figmaName":"Surface Selected/Default"},{"name":"surfaceSelectedHovered","value":{"r":237,"g":244,"b":254,"a":1},"figmaName":"Surface Selected/Hovered"},{"name":"surfaceSelectedPressed","value":{"r":229,"g":239,"b":253,"a":1},"figmaName":"Surface Selected/Pressed"},{"name":"iconOnInteractive","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Icon On/Interactive"},{"name":"textOnInteractive","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Text On/Interactive"},{"name":"actionSecondary","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Action Secondary/Default"},{"name":"actionSecondaryDisabled","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Action Secondary/Disabled"},{"name":"actionSecondaryHovered","value":{"r":246,"g":246,"b":247,"a":1},"figmaName":"Action Secondary/Hovered"},{"name":"actionSecondaryPressed","value":{"r":241,"g":242,"b":243,"a":1},"figmaName":"Action Secondary/Pressed"},{"name":"actionSecondaryDepressed","value":{"r":109,"g":113,"b":117,"a":1},"figmaName":"Action Secondary/Depressed"},{"name":"actionPrimary","value":{"r":46,"g":113,"b":191,"a":1},"figmaName":"Action Primary/Default"},{"name":"actionPrimaryDisabled","value":{"r":241,"g":241,"b":241,"a":1},"figmaName":"Action Primary/Disabled"},{"name":"actionPrimaryHovered","value":{"r":39,"g":98,"b":166,"a":1},"figmaName":"Action Primary/Hovered"},{"name":"actionPrimaryPressed","value":{"r":32,"g":83,"b":143,"a":1},"figmaName":"Action Primary/Pressed"},{"name":"actionPrimaryDepressed","value":{"r":18,"g":53,"b":95,"a":1},"figmaName":"Action Primary/Depressed"},{"name":"iconOnPrimary","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Icon On/Primary"},{"name":"textOnPrimary","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Text On/Primary"},{"name":"textPrimary","value":{"r":44,"g":109,"b":185,"a":1},"figmaName":"Text Primary/Default"},{"name":"textPrimaryHovered","value":{"r":38,"g":95,"b":162,"a":1},"figmaName":"Text Primary/hover"},{"name":"textPrimaryPressed","value":{"r":31,"g":81,"b":139,"a":1},"figmaName":"Text Primary/Pressed"},{"name":"surfacePrimarySelected","value":{"r":246,"g":246,"b":248,"a":1},"figmaName":"Surface Primary/Selected"},{"name":"surfacePrimarySelectedHovered","value":{"r":196,"g":201,"b":214,"a":1},"figmaName":"Surface Primary/Selected Hovered"},{"name":"surfacePrimarySelectedPressed","value":{"r":175,"g":182,"b":199,"a":1},"figmaName":"Surface Primary/Selected Pressed"},{"name":"borderCritical","value":{"r":253,"g":87,"b":73,"a":1},"figmaName":"Border Critical/Default"},{"name":"borderCriticalSubdued","value":{"r":224,"g":179,"b":178,"a":1},"figmaName":"Border Critical/Subdued"},{"name":"borderCriticalDisabled","value":{"r":255,"g":167,"b":163,"a":1},"figmaName":"Border Critical/Disabled"},{"name":"iconCritical","value":{"r":215,"g":44,"b":13,"a":1},"figmaName":"Icon/Critical"},{"name":"surfaceCritical","value":{"r":254,"g":211,"b":209,"a":1},"figmaName":"Surface Critical/Default"},{"name":"surfaceCriticalSubdued","value":{"r":255,"g":244,"b":244,"a":1},"figmaName":"Surface Critical/Subdued"},{"name":"surfaceCriticalSubduedHovered","value":{"r":255,"g":240,"b":240,"a":1},"figmaName":"Surface Critical/Subdued Hovered"},{"name":"surfaceCriticalSubduedPressed","value":{"r":255,"g":233,"b":232,"a":1},"figmaName":"Surface Critical/Subdued Pressed"},{"name":"surfaceCriticalSubduedDepressed","value":{"r":254,"g":188,"b":185,"a":1},"figmaName":"Surface Critical/Subdued Depressed"},{"name":"textCritical","value":{"r":215,"g":44,"b":13,"a":1},"figmaName":"Text/Critical"},{"name":"actionCritical","value":{"r":216,"g":44,"b":13,"a":1},"figmaName":"Action Critical/Default"},{"name":"actionCriticalDisabled","value":{"r":241,"g":241,"b":241,"a":1},"figmaName":"Action Critical/Disabled"},{"name":"actionCriticalHovered","value":{"r":188,"g":34,"b":0,"a":1},"figmaName":"Action Critical/Hovered"},{"name":"actionCriticalPressed","value":{"r":162,"g":27,"b":0,"a":1},"figmaName":"Action Critical/Pressed"},{"name":"actionCriticalDepressed","value":{"r":108,"g":15,"b":0,"a":1},"figmaName":"Action Critical/Depressed"},{"name":"iconOnCritical","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Icon On/Critical"},{"name":"textOnCritical","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Text On/Critical"},{"name":"interactiveCritical","value":{"r":216,"g":44,"b":13,"a":1},"figmaName":"Interactive/Critical"},{"name":"interactiveCriticalDisabled","value":{"r":253,"g":147,"b":141,"a":1},"figmaName":"Interactive/Critical Disabled"},{"name":"interactiveCriticalHovered","value":{"r":205,"g":41,"b":12,"a":1},"figmaName":"Interactive/Critical Hovered"},{"name":"interactiveCriticalPressed","value":{"r":103,"g":15,"b":3,"a":1},"figmaName":"Interactive/Critical Pressed"},{"name":"borderWarning","value":{"r":185,"g":137,"b":0,"a":1},"figmaName":"Border Warning/Default"},{"name":"borderWarningSubdued","value":{"r":225,"g":184,"b":120,"a":1},"figmaName":"Border Warning/Subdued"},{"name":"iconWarning","value":{"r":185,"g":137,"b":0,"a":1},"figmaName":"Icon/Warning"},{"name":"surfaceWarning","value":{"r":255,"g":215,"b":157,"a":1},"figmaName":"Surface Warning/Default"},{"name":"surfaceWarningSubdued","value":{"r":255,"g":245,"b":234,"a":1},"figmaName":"Surface Warning/Subdued"},{"name":"surfaceWarningSubduedHovered","value":{"r":255,"g":242,"b":226,"a":1},"figmaName":"Surface Warning/Subdued Hovered"},{"name":"surfaceWarningSubduedPressed","value":{"r":255,"g":235,"b":211,"a":1},"figmaName":"Surface Warning/Subdued Pressed"},{"name":"textWarning","value":{"r":145,"g":106,"b":0,"a":1},"figmaName":"Text/Warning"},{"name":"borderHighlight","value":{"r":68,"g":157,"b":167,"a":1},"figmaName":"Border Highlight/Default"},{"name":"borderHighlightSubdued","value":{"r":152,"g":198,"b":205,"a":1},"figmaName":"Border Highlight/Subdued"},{"name":"iconHighlight","value":{"r":0,"g":160,"b":172,"a":1},"figmaName":"Icon/Highlight"},{"name":"surfaceHighlight","value":{"r":164,"g":232,"b":242,"a":1},"figmaName":"Surface Highlight/Default"},{"name":"surfaceHighlightSubdued","value":{"r":235,"g":249,"b":252,"a":1},"figmaName":"Surface Highlight/Subdued"},{"name":"surfaceHighlightSubduedHovered","value":{"r":228,"g":247,"b":250,"a":1},"figmaName":"Surface Highlight/Subdued Hovered"},{"name":"surfaceHighlightSubduedPressed","value":{"r":213,"g":243,"b":248,"a":1},"figmaName":"Surface Highlight/Subdued Pressed"},{"name":"textHighlight","value":{"r":52,"g":124,"b":132,"a":1},"figmaName":"Text/Highlight"},{"name":"borderSuccess","value":{"r":0,"g":164,"b":124,"a":1},"figmaName":"Border Success/Default"},{"name":"borderSuccessSubdued","value":{"r":149,"g":201,"b":180,"a":1},"figmaName":"Border Success/Subdued"},{"name":"iconSuccess","value":{"r":0,"g":127,"b":95,"a":1},"figmaName":"Icon/Success"},{"name":"surfaceSuccess","value":{"r":174,"g":233,"b":209,"a":1},"figmaName":"Surface Success/Default"},{"name":"surfaceSuccessSubdued","value":{"r":241,"g":248,"b":245,"a":1},"figmaName":"Surface Success/Subdued"},{"name":"surfaceSuccessSubduedHovered","value":{"r":236,"g":246,"b":241,"a":1},"figmaName":"Surface Success/Subdued Hovered"},{"name":"surfaceSuccessSubduedPressed","value":{"r":226,"g":241,"b":234,"a":1},"figmaName":"Surface Success/Subdued Pressed"},{"name":"textSuccess","value":{"r":0,"g":128,"b":96,"a":1},"figmaName":"Text/Success"},{"name":"decorativeOneIcon","value":{"r":126,"g":87,"b":0,"a":1},"figmaName":"Decorative/Icon/One"},{"name":"decorativeOneSurface","value":{"r":255,"g":201,"b":107,"a":1},"figmaName":"Decorative/Surface/One"},{"name":"decorativeOneText","value":{"r":61,"g":40,"b":0,"a":1},"figmaName":"Decorative/Text/One"},{"name":"decorativeTwoIcon","value":{"r":175,"g":41,"b":78,"a":1},"figmaName":"Decorative/Icon/Two"},{"name":"decorativeTwoSurface","value":{"r":255,"g":196,"b":176,"a":1},"figmaName":"Decorative/Surface/Two"},{"name":"decorativeTwoText","value":{"r":73,"g":11,"b":28,"a":1},"figmaName":"Decorative/Text/Two"},{"name":"decorativeThreeIcon","value":{"r":0,"g":109,"b":65,"a":1},"figmaName":"Decorative/Icon/Three"},{"name":"decorativeThreeSurface","value":{"r":146,"g":230,"b":181,"a":1},"figmaName":"Decorative/Surface/Three"},{"name":"decorativeThreeText","value":{"r":0,"g":47,"b":25,"a":1},"figmaName":"Decorative/Text/Three"},{"name":"decorativeFourIcon","value":{"r":0,"g":106,"b":104,"a":1},"figmaName":"Decorative/Icon/Four"},{"name":"decorativeFourSurface","value":{"r":145,"g":224,"b":214,"a":1},"figmaName":"Decorative/Surface/Four"},{"name":"decorativeFourText","value":{"r":0,"g":45,"b":45,"a":1},"figmaName":"Decorative/Text/Four"},{"name":"decorativeFiveIcon","value":{"r":174,"g":43,"b":76,"a":1},"figmaName":"Decorative/Icon/Five"},{"name":"decorativeFiveSurface","value":{"r":253,"g":201,"b":208,"a":1},"figmaName":"Decorative/Surface/Five"},{"name":"decorativeFiveText","value":{"r":79,"g":14,"b":31,"a":1},"figmaName":"Decorative/Text/Five"}]

data/dist-modern/palette/mfp-ui.light.ios.json

@@ -0,0 +1 @@
+[{"name":"background","rgba":{"r":0.9647058823529412,"g":0.9647058823529412,"b":0.9686274509803922,"a":1},"hex":"#f6f6f7ff"},{"name":"backgroundHovered","rgba":{"r":0.9450980392156862,"g":0.9490196078431372,"b":0.9529411764705882,"a":1},"hex":"#f1f2f3ff"},{"name":"backgroundPressed","rgba":{"r":0.9294117647058824,"g":0.9333333333333333,"b":0.9372549019607843,"a":1},"hex":"#edeeefff"},{"name":"backgroundSelected","rgba":{"r":0.9294117647058824,"g":0.9333333333333333,"b":0.9372549019607843,"a":1},"hex":"#edeeefff"},{"name":"surface","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"surfaceNeutral","rgba":{"r":0.8941176470588236,"g":0.8980392156862745,"b":0.9058823529411765,"a":1},"hex":"#e4e5e7ff"},{"name":"surfaceNeutralHovered","rgba":{"r":0.8588235294117647,"g":0.8666666666666667,"b":0.8745098039215686,"a":1},"hex":"#dbdddfff"},{"name":"surfaceNeutralPressed","rgba":{"r":0.788235294117647,"g":0.8,"b":0.8156862745098039,"a":1},"hex":"#c9ccd0ff"},{"name":"surfaceNeutralDisabled","rgba":{"r":0.9450980392156862,"g":0.9490196078431372,"b":0.9529411764705882,"a":1},"hex":"#f1f2f3ff"},{"name":"surfaceNeutralSubdued","rgba":{"r":0.9647058823529412,"g":0.9647058823529412,"b":0.9686274509803922,"a":1},"hex":"#f6f6f7ff"},{"name":"surfaceSubdued","rgba":{"r":0.9803921568627451,"g":0.984313725490196,"b":0.984313725490196,"a":1},"hex":"#fafbfbff"},{"name":"surfaceDisabled","rgba":{"r":0.9803921568627451,"g":0.984313725490196,"b":0.984313725490196,"a":1},"hex":"#fafbfbff"},{"name":"surfaceHovered","rgba":{"r":0.9647058823529412,"g":0.9647058823529412,"b":0.9686274509803922,"a":1},"hex":"#f6f6f7ff"},{"name":"surfacePressed","rgba":{"r":0.9450980392156862,"g":0.9490196078431372,"b":0.9529411764705882,"a":1},"hex":"#f1f2f3ff"},{"name":"surfaceDepressed","rgba":{"r":0.9294117647058824,"g":0.9333333333333333,"b":0.9372549019607843,"a":1},"hex":"#edeeefff"},{"name":"surfaceSearchField","rgba":{"r":0.9450980392156862,"g":0.9490196078431372,"b":0.9529411764705882,"a":1},"hex":"#f1f2f3ff"},{"name":"backdrop","rgba":{"r":0,"g":0,"b":0,"a":0.5},"hex":"#00000080"},{"name":"overlay","rgba":{"r":1,"g":1,"b":1,"a":0.5},"hex":"#ffffff80"},{"name":"shadowFromDimLight","rgba":{"r":0,"g":0,"b":0,"a":0.2},"hex":"#00000033"},{"name":"shadowFromAmbientLight","rgba":{"r":0.09019607843137255,"g":0.09411764705882353,"b":0.09411764705882353,"a":0.05},"hex":"#1718180d"},{"name":"shadowFromDirectLight","rgba":{"r":0,"g":0,"b":0,"a":0.15},"hex":"#00000026"},{"name":"hintFromDirectLight","rgba":{"r":0,"g":0,"b":0,"a":0.15},"hex":"#00000026"},{"name":"border","rgba":{"r":0.5490196078431373,"g":0.5686274509803921,"b":0.5882352941176471,"a":1},"hex":"#8c9196ff"},{"name":"borderNeutralSubdued","rgba":{"r":0.7294117647058823,"g":0.7490196078431373,"b":0.7647058823529411,"a":1},"hex":"#babfc3ff"},{"name":"borderHovered","rgba":{"r":0.6,"g":0.6196078431372549,"b":0.6431372549019608,"a":1},"hex":"#999ea4ff"},{"name":"borderDisabled","rgba":{"r":0.8235294117647058,"g":0.8352941176470589,"b":0.8470588235294118,"a":1},"hex":"#d2d5d8ff"},{"name":"borderSubdued","rgba":{"r":0.788235294117647,"g":0.8,"b":0.8117647058823529,"a":1},"hex":"#c9cccfff"},{"name":"borderDepressed","rgba":{"r":0.3411764705882353,"g":0.34901960784313724,"b":0.34901960784313724,"a":1},"hex":"#575959ff"},{"name":"borderShadow","rgba":{"r":0.6823529411764706,"g":0.7058823529411765,"b":0.7254901960784313,"a":1},"hex":"#aeb4b9ff"},{"name":"borderShadowSubdued","rgba":{"r":0.7294117647058823,"g":0.7490196078431373,"b":0.7686274509803922,"a":1},"hex":"#babfc4ff"},{"name":"divider","rgba":{"r":0.8823529411764706,"g":0.8901960784313725,"b":0.8980392156862745,"a":1},"hex":"#e1e3e5ff"},{"name":"icon","rgba":{"r":0.3607843137254902,"g":0.37254901960784315,"b":0.3843137254901961,"a":1},"hex":"#5c5f62ff"},{"name":"iconHovered","rgba":{"r":0.10196078431372549,"g":0.10980392156862745,"b":0.11372549019607843,"a":1},"hex":"#1a1c1dff"},{"name":"iconPressed","rgba":{"r":0.26666666666666666,"g":0.2784313725490196,"b":0.2901960784313726,"a":1},"hex":"#44474aff"},{"name":"iconDisabled","rgba":{"r":0.7294117647058823,"g":0.7450980392156863,"b":0.7647058823529411,"a":1},"hex":"#babec3ff"},{"name":"iconSubdued","rgba":{"r":0.5490196078431373,"g":0.5686274509803921,"b":0.5882352941176471,"a":1},"hex":"#8c9196ff"},{"name":"text","rgba":{"r":0.12549019607843137,"g":0.13333333333333333,"b":0.13725490196078433,"a":1},"hex":"#202223ff"},{"name":"textDisabled","rgba":{"r":0.5490196078431373,"g":0.5686274509803921,"b":0.5882352941176471,"a":1},"hex":"#8c9196ff"},{"name":"textSubdued","rgba":{"r":0.42745098039215684,"g":0.44313725490196076,"b":0.4588235294117647,"a":1},"hex":"#6d7175ff"},{"name":"interactive","rgba":{"r":0.17254901960784313,"g":0.43137254901960786,"b":0.796078431372549,"a":1},"hex":"#2c6ecbff"},{"name":"interactiveDisabled","rgba":{"r":0.7411764705882353,"g":0.7568627450980392,"b":0.8,"a":1},"hex":"#bdc1ccff"},{"name":"interactiveHovered","rgba":{"r":0.12156862745098039,"g":0.3176470588235294,"b":0.6,"a":1},"hex":"#1f5199ff"},{"name":"interactivePressed","rgba":{"r":0.06274509803921569,"g":0.19607843137254902,"b":0.3843137254901961,"a":1},"hex":"#103262ff"},{"name":"focused","rgba":{"r":0.27058823529411763,"g":0.5607843137254902,"b":1,"a":1},"hex":"#458fffff"},{"name":"surfaceSelected","rgba":{"r":0.9490196078431372,"g":0.9686274509803922,"b":0.996078431372549,"a":1},"hex":"#f2f7feff"},{"name":"surfaceSelectedHovered","rgba":{"r":0.9294117647058824,"g":0.9568627450980393,"b":0.996078431372549,"a":1},"hex":"#edf4feff"},{"name":"surfaceSelectedPressed","rgba":{"r":0.8980392156862745,"g":0.9372549019607843,"b":0.9921568627450981,"a":1},"hex":"#e5effdff"},{"name":"iconOnInteractive","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"textOnInteractive","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"actionSecondary","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"actionSecondaryDisabled","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"actionSecondaryHovered","rgba":{"r":0.9647058823529412,"g":0.9647058823529412,"b":0.9686274509803922,"a":1},"hex":"#f6f6f7ff"},{"name":"actionSecondaryPressed","rgba":{"r":0.9450980392156862,"g":0.9490196078431372,"b":0.9529411764705882,"a":1},"hex":"#f1f2f3ff"},{"name":"actionSecondaryDepressed","rgba":{"r":0.42745098039215684,"g":0.44313725490196076,"b":0.4588235294117647,"a":1},"hex":"#6d7175ff"},{"name":"actionPrimary","rgba":{"r":0.1803921568627451,"g":0.44313725490196076,"b":0.7490196078431373,"a":1},"hex":"#2e71bfff"},{"name":"actionPrimaryDisabled","rgba":{"r":0.9450980392156862,"g":0.9450980392156862,"b":0.9450980392156862,"a":1},"hex":"#f1f1f1ff"},{"name":"actionPrimaryHovered","rgba":{"r":0.15294117647058825,"g":0.3843137254901961,"b":0.6509803921568628,"a":1},"hex":"#2762a6ff"},{"name":"actionPrimaryPressed","rgba":{"r":0.12549019607843137,"g":0.3254901960784314,"b":0.5607843137254902,"a":1},"hex":"#20538fff"},{"name":"actionPrimaryDepressed","rgba":{"r":0.07058823529411765,"g":0.20784313725490197,"b":0.37254901960784315,"a":1},"hex":"#12355fff"},{"name":"iconOnPrimary","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"textOnPrimary","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"textPrimary","rgba":{"r":0.17254901960784313,"g":0.42745098039215684,"b":0.7254901960784313,"a":1},"hex":"#2c6db9ff"},{"name":"textPrimaryHovered","rgba":{"r":0.14901960784313725,"g":0.37254901960784315,"b":0.6352941176470588,"a":1},"hex":"#265fa2ff"},{"name":"textPrimaryPressed","rgba":{"r":0.12156862745098039,"g":0.3176470588235294,"b":0.5450980392156862,"a":1},"hex":"#1f518bff"},{"name":"surfacePrimarySelected","rgba":{"r":0.9647058823529412,"g":0.9647058823529412,"b":0.9725490196078431,"a":1},"hex":"#f6f6f8ff"},{"name":"surfacePrimarySelectedHovered","rgba":{"r":0.7686274509803922,"g":0.788235294117647,"b":0.8392156862745098,"a":1},"hex":"#c4c9d6ff"},{"name":"surfacePrimarySelectedPressed","rgba":{"r":0.6862745098039216,"g":0.7137254901960784,"b":0.7803921568627451,"a":1},"hex":"#afb6c7ff"},{"name":"borderCritical","rgba":{"r":0.9921568627450981,"g":0.3411764705882353,"b":0.28627450980392155,"a":1},"hex":"#fd5749ff"},{"name":"borderCriticalSubdued","rgba":{"r":0.8784313725490196,"g":0.7019607843137254,"b":0.6980392156862745,"a":1},"hex":"#e0b3b2ff"},{"name":"borderCriticalDisabled","rgba":{"r":1,"g":0.6549019607843137,"b":0.6392156862745098,"a":1},"hex":"#ffa7a3ff"},{"name":"iconCritical","rgba":{"r":0.8431372549019608,"g":0.17254901960784313,"b":0.050980392156862744,"a":1},"hex":"#d72c0dff"},{"name":"surfaceCritical","rgba":{"r":0.996078431372549,"g":0.8274509803921568,"b":0.8196078431372549,"a":1},"hex":"#fed3d1ff"},{"name":"surfaceCriticalSubdued","rgba":{"r":1,"g":0.9568627450980393,"b":0.9568627450980393,"a":1},"hex":"#fff4f4ff"},{"name":"surfaceCriticalSubduedHovered","rgba":{"r":1,"g":0.9411764705882353,"b":0.9411764705882353,"a":1},"hex":"#fff0f0ff"},{"name":"surfaceCriticalSubduedPressed","rgba":{"r":1,"g":0.9137254901960784,"b":0.9098039215686274,"a":1},"hex":"#ffe9e8ff"},{"name":"surfaceCriticalSubduedDepressed","rgba":{"r":0.996078431372549,"g":0.7372549019607844,"b":0.7254901960784313,"a":1},"hex":"#febcb9ff"},{"name":"textCritical","rgba":{"r":0.8431372549019608,"g":0.17254901960784313,"b":0.050980392156862744,"a":1},"hex":"#d72c0dff"},{"name":"actionCritical","rgba":{"r":0.8470588235294118,"g":0.17254901960784313,"b":0.050980392156862744,"a":1},"hex":"#d82c0dff"},{"name":"actionCriticalDisabled","rgba":{"r":0.9450980392156862,"g":0.9450980392156862,"b":0.9450980392156862,"a":1},"hex":"#f1f1f1ff"},{"name":"actionCriticalHovered","rgba":{"r":0.7372549019607844,"g":0.13333333333333333,"b":0,"a":1},"hex":"#bc2200ff"},{"name":"actionCriticalPressed","rgba":{"r":0.6352941176470588,"g":0.10588235294117647,"b":0,"a":1},"hex":"#a21b00ff"},{"name":"actionCriticalDepressed","rgba":{"r":0.4235294117647059,"g":0.058823529411764705,"b":0,"a":1},"hex":"#6c0f00ff"},{"name":"iconOnCritical","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"textOnCritical","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"interactiveCritical","rgba":{"r":0.8470588235294118,"g":0.17254901960784313,"b":0.050980392156862744,"a":1},"hex":"#d82c0dff"},{"name":"interactiveCriticalDisabled","rgba":{"r":0.9921568627450981,"g":0.5764705882352941,"b":0.5529411764705883,"a":1},"hex":"#fd938dff"},{"name":"interactiveCriticalHovered","rgba":{"r":0.803921568627451,"g":0.1607843137254902,"b":0.047058823529411764,"a":1},"hex":"#cd290cff"},{"name":"interactiveCriticalPressed","rgba":{"r":0.403921568627451,"g":0.058823529411764705,"b":0.011764705882352941,"a":1},"hex":"#670f03ff"},{"name":"borderWarning","rgba":{"r":0.7254901960784313,"g":0.5372549019607843,"b":0,"a":1},"hex":"#b98900ff"},{"name":"borderWarningSubdued","rgba":{"r":0.8823529411764706,"g":0.7215686274509804,"b":0.47058823529411764,"a":1},"hex":"#e1b878ff"},{"name":"iconWarning","rgba":{"r":0.7254901960784313,"g":0.5372549019607843,"b":0,"a":1},"hex":"#b98900ff"},{"name":"surfaceWarning","rgba":{"r":1,"g":0.8431372549019608,"b":0.615686274509804,"a":1},"hex":"#ffd79dff"},{"name":"surfaceWarningSubdued","rgba":{"r":1,"g":0.9607843137254902,"b":0.9176470588235294,"a":1},"hex":"#fff5eaff"},{"name":"surfaceWarningSubduedHovered","rgba":{"r":1,"g":0.9490196078431372,"b":0.8862745098039215,"a":1},"hex":"#fff2e2ff"},{"name":"surfaceWarningSubduedPressed","rgba":{"r":1,"g":0.9215686274509803,"b":0.8274509803921568,"a":1},"hex":"#ffebd3ff"},{"name":"textWarning","rgba":{"r":0.5686274509803921,"g":0.41568627450980394,"b":0,"a":1},"hex":"#916a00ff"},{"name":"borderHighlight","rgba":{"r":0.26666666666666666,"g":0.615686274509804,"b":0.6549019607843137,"a":1},"hex":"#449da7ff"},{"name":"borderHighlightSubdued","rgba":{"r":0.596078431372549,"g":0.7764705882352941,"b":0.803921568627451,"a":1},"hex":"#98c6cdff"},{"name":"iconHighlight","rgba":{"r":0,"g":0.6274509803921569,"b":0.6745098039215687,"a":1},"hex":"#00a0acff"},{"name":"surfaceHighlight","rgba":{"r":0.6431372549019608,"g":0.9098039215686274,"b":0.9490196078431372,"a":1},"hex":"#a4e8f2ff"},{"name":"surfaceHighlightSubdued","rgba":{"r":0.9215686274509803,"g":0.9764705882352941,"b":0.9882352941176471,"a":1},"hex":"#ebf9fcff"},{"name":"surfaceHighlightSubduedHovered","rgba":{"r":0.8941176470588236,"g":0.9686274509803922,"b":0.9803921568627451,"a":1},"hex":"#e4f7faff"},{"name":"surfaceHighlightSubduedPressed","rgba":{"r":0.8352941176470589,"g":0.9529411764705882,"b":0.9725490196078431,"a":1},"hex":"#d5f3f8ff"},{"name":"textHighlight","rgba":{"r":0.20392156862745098,"g":0.48627450980392156,"b":0.5176470588235295,"a":1},"hex":"#347c84ff"},{"name":"borderSuccess","rgba":{"r":0,"g":0.6431372549019608,"b":0.48627450980392156,"a":1},"hex":"#00a47cff"},{"name":"borderSuccessSubdued","rgba":{"r":0.5843137254901961,"g":0.788235294117647,"b":0.7058823529411765,"a":1},"hex":"#95c9b4ff"},{"name":"iconSuccess","rgba":{"r":0,"g":0.4980392156862745,"b":0.37254901960784315,"a":1},"hex":"#007f5fff"},{"name":"surfaceSuccess","rgba":{"r":0.6823529411764706,"g":0.9137254901960784,"b":0.8196078431372549,"a":1},"hex":"#aee9d1ff"},{"name":"surfaceSuccessSubdued","rgba":{"r":0.9450980392156862,"g":0.9725490196078431,"b":0.9607843137254902,"a":1},"hex":"#f1f8f5ff"},{"name":"surfaceSuccessSubduedHovered","rgba":{"r":0.9254901960784314,"g":0.9647058823529412,"b":0.9450980392156862,"a":1},"hex":"#ecf6f1ff"},{"name":"surfaceSuccessSubduedPressed","rgba":{"r":0.8862745098039215,"g":0.9450980392156862,"b":0.9176470588235294,"a":1},"hex":"#e2f1eaff"},{"name":"textSuccess","rgba":{"r":0,"g":0.5019607843137255,"b":0.3764705882352941,"a":1},"hex":"#008060ff"},{"name":"decorativeOneIcon","rgba":{"r":0.49411764705882355,"g":0.3411764705882353,"b":0,"a":1},"hex":"#7e5700ff"},{"name":"decorativeOneSurface","rgba":{"r":1,"g":0.788235294117647,"b":0.4196078431372549,"a":1},"hex":"#ffc96bff"},{"name":"decorativeOneText","rgba":{"r":0.23921568627450981,"g":0.1568627450980392,"b":0,"a":1},"hex":"#3d2800ff"},{"name":"decorativeTwoIcon","rgba":{"r":0.6862745098039216,"g":0.1607843137254902,"b":0.3058823529411765,"a":1},"hex":"#af294eff"},{"name":"decorativeTwoSurface","rgba":{"r":1,"g":0.7686274509803922,"b":0.6901960784313725,"a":1},"hex":"#ffc4b0ff"},{"name":"decorativeTwoText","rgba":{"r":0.28627450980392155,"g":0.043137254901960784,"b":0.10980392156862745,"a":1},"hex":"#490b1cff"},{"name":"decorativeThreeIcon","rgba":{"r":0,"g":0.42745098039215684,"b":0.2549019607843137,"a":1},"hex":"#006d41ff"},{"name":"decorativeThreeSurface","rgba":{"r":0.5725490196078431,"g":0.9019607843137255,"b":0.7098039215686275,"a":1},"hex":"#92e6b5ff"},{"name":"decorativeThreeText","rgba":{"r":0,"g":0.1843137254901961,"b":0.09803921568627451,"a":1},"hex":"#002f19ff"},{"name":"decorativeFourIcon","rgba":{"r":0,"g":0.41568627450980394,"b":0.40784313725490196,"a":1},"hex":"#006a68ff"},{"name":"decorativeFourSurface","rgba":{"r":0.5686274509803921,"g":0.8784313725490196,"b":0.8392156862745098,"a":1},"hex":"#91e0d6ff"},{"name":"decorativeFourText","rgba":{"r":0,"g":0.17647058823529413,"b":0.17647058823529413,"a":1},"hex":"#002d2dff"},{"name":"decorativeFiveIcon","rgba":{"r":0.6823529411764706,"g":0.16862745098039217,"b":0.2980392156862745,"a":1},"hex":"#ae2b4cff"},{"name":"decorativeFiveSurface","rgba":{"r":0.9921568627450981,"g":0.788235294117647,"b":0.8156862745098039,"a":1},"hex":"#fdc9d0ff"},{"name":"decorativeFiveText","rgba":{"r":0.30980392156862746,"g":0.054901960784313725,"b":0.12156862745098039,"a":1},"hex":"#4f0e1fff"}]

data/dist-modern/palette/mfp-ui.light.json

@@ -0,0 +1,129 @@
+{
+  "background": "rgb(246, 246, 247)",
+  "backgroundHovered": "rgb(241, 242, 243)",
+  "backgroundPressed": "rgb(237, 238, 239)",
+  "backgroundSelected": "rgb(237, 238, 239)",
+  "surface": "rgb(255, 255, 255)",
+  "surfaceNeutral": "rgb(228, 229, 231)",
+  "surfaceNeutralHovered": "rgb(219, 221, 223)",
+  "surfaceNeutralPressed": "rgb(201, 204, 208)",
+  "surfaceNeutralDisabled": "rgb(241, 242, 243)",
+  "surfaceNeutralSubdued": "rgb(246, 246, 247)",
+  "surfaceSubdued": "rgb(250, 251, 251)",
+  "surfaceDisabled": "rgb(250, 251, 251)",
+  "surfaceHovered": "rgb(246, 246, 247)",
+  "surfacePressed": "rgb(241, 242, 243)",
+  "surfaceDepressed": "rgb(237, 238, 239)",
+  "surfaceSearchField": "rgb(241, 242, 243)",
+  "backdrop": "rgba(0, 0, 0, 0.5)",
+  "overlay": "rgba(255, 255, 255, 0.5)",
+  "shadowFromDimLight": "rgba(0, 0, 0, 0.2)",
+  "shadowFromAmbientLight": "rgba(23, 24, 24, 0.05)",
+  "shadowFromDirectLight": "rgba(0, 0, 0, 0.15)",
+  "hintFromDirectLight": "rgba(0, 0, 0, 0.15)",
+  "border": "rgb(140, 145, 150)",
+  "borderNeutralSubdued": "rgb(186, 191, 195)",
+  "borderHovered": "rgb(153, 158, 164)",
+  "borderDisabled": "rgb(210, 213, 216)",
+  "borderSubdued": "rgb(201, 204, 207)",
+  "borderDepressed": "rgb(87, 89, 89)",
+  "borderShadow": "rgb(174, 180, 185)",
+  "borderShadowSubdued": "rgb(186, 191, 196)",
+  "divider": "rgb(225, 227, 229)",
+  "icon": "rgb(92, 95, 98)",
+  "iconHovered": "rgb(26, 28, 29)",
+  "iconPressed": "rgb(68, 71, 74)",
+  "iconDisabled": "rgb(186, 190, 195)",
+  "iconSubdued": "rgb(140, 145, 150)",
+  "text": "rgb(32, 34, 35)",
+  "textDisabled": "rgb(140, 145, 150)",
+  "textSubdued": "rgb(109, 113, 117)",
+  "interactive": "rgb(44, 110, 203)",
+  "interactiveDisabled": "rgb(189, 193, 204)",
+  "interactiveHovered": "rgb(31, 81, 153)",
+  "interactivePressed": "rgb(16, 50, 98)",
+  "focused": "rgb(69, 143, 255)",
+  "surfaceSelected": "rgb(242, 247, 254)",
+  "surfaceSelectedHovered": "rgb(237, 244, 254)",
+  "surfaceSelectedPressed": "rgb(229, 239, 253)",
+  "iconOnInteractive": "rgb(255, 255, 255)",
+  "textOnInteractive": "rgb(255, 255, 255)",
+  "actionSecondary": "rgb(255, 255, 255)",
+  "actionSecondaryDisabled": "rgb(255, 255, 255)",
+  "actionSecondaryHovered": "rgb(246, 246, 247)",
+  "actionSecondaryPressed": "rgb(241, 242, 243)",
+  "actionSecondaryDepressed": "rgb(109, 113, 117)",
+  "actionPrimary": "rgb(46, 113, 191)",
+  "actionPrimaryDisabled": "rgb(241, 241, 241)",
+  "actionPrimaryHovered": "rgb(39, 98, 166)",
+  "actionPrimaryPressed": "rgb(32, 83, 143)",
+  "actionPrimaryDepressed": "rgb(18, 53, 95)",
+  "iconOnPrimary": "rgb(255, 255, 255)",
+  "textOnPrimary": "rgb(255, 255, 255)",
+  "textPrimary": "rgb(44, 109, 185)",
+  "textPrimaryHovered": "rgb(38, 95, 162)",
+  "textPrimaryPressed": "rgb(31, 81, 139)",
+  "surfacePrimarySelected": "rgb(246, 246, 248)",
+  "surfacePrimarySelectedHovered": "rgb(196, 201, 214)",
+  "surfacePrimarySelectedPressed": "rgb(175, 182, 199)",
+  "borderCritical": "rgb(253, 87, 73)",
+  "borderCriticalSubdued": "rgb(224, 179, 178)",
+  "borderCriticalDisabled": "rgb(255, 167, 163)",
+  "iconCritical": "rgb(215, 44, 13)",
+  "surfaceCritical": "rgb(254, 211, 209)",
+  "surfaceCriticalSubdued": "rgb(255, 244, 244)",
+  "surfaceCriticalSubduedHovered": "rgb(255, 240, 240)",
+  "surfaceCriticalSubduedPressed": "rgb(255, 233, 232)",
+  "surfaceCriticalSubduedDepressed": "rgb(254, 188, 185)",
+  "textCritical": "rgb(215, 44, 13)",
+  "actionCritical": "rgb(216, 44, 13)",
+  "actionCriticalDisabled": "rgb(241, 241, 241)",
+  "actionCriticalHovered": "rgb(188, 34, 0)",
+  "actionCriticalPressed": "rgb(162, 27, 0)",
+  "actionCriticalDepressed": "rgb(108, 15, 0)",
+  "iconOnCritical": "rgb(255, 255, 255)",
+  "textOnCritical": "rgb(255, 255, 255)",
+  "interactiveCritical": "rgb(216, 44, 13)",
+  "interactiveCriticalDisabled": "rgb(253, 147, 141)",
+  "interactiveCriticalHovered": "rgb(205, 41, 12)",
+  "interactiveCriticalPressed": "rgb(103, 15, 3)",
+  "borderWarning": "rgb(185, 137, 0)",
+  "borderWarningSubdued": "rgb(225, 184, 120)",
+  "iconWarning": "rgb(185, 137, 0)",
+  "surfaceWarning": "rgb(255, 215, 157)",
+  "surfaceWarningSubdued": "rgb(255, 245, 234)",
+  "surfaceWarningSubduedHovered": "rgb(255, 242, 226)",
+  "surfaceWarningSubduedPressed": "rgb(255, 235, 211)",
+  "textWarning": "rgb(145, 106, 0)",
+  "borderHighlight": "rgb(68, 157, 167)",
+  "borderHighlightSubdued": "rgb(152, 198, 205)",
+  "iconHighlight": "rgb(0, 160, 172)",
+  "surfaceHighlight": "rgb(164, 232, 242)",
+  "surfaceHighlightSubdued": "rgb(235, 249, 252)",
+  "surfaceHighlightSubduedHovered": "rgb(228, 247, 250)",
+  "surfaceHighlightSubduedPressed": "rgb(213, 243, 248)",
+  "textHighlight": "rgb(52, 124, 132)",
+  "borderSuccess": "rgb(0, 164, 124)",
+  "borderSuccessSubdued": "rgb(149, 201, 180)",
+  "iconSuccess": "rgb(0, 127, 95)",
+  "surfaceSuccess": "rgb(174, 233, 209)",
+  "surfaceSuccessSubdued": "rgb(241, 248, 245)",
+  "surfaceSuccessSubduedHovered": "rgb(236, 246, 241)",
+  "surfaceSuccessSubduedPressed": "rgb(226, 241, 234)",
+  "textSuccess": "rgb(0, 128, 96)",
+  "decorativeOneIcon": "rgb(126, 87, 0)",
+  "decorativeOneSurface": "rgb(255, 201, 107)",
+  "decorativeOneText": "rgb(61, 40, 0)",
+  "decorativeTwoIcon": "rgb(175, 41, 78)",
+  "decorativeTwoSurface": "rgb(255, 196, 176)",
+  "decorativeTwoText": "rgb(73, 11, 28)",
+  "decorativeThreeIcon": "rgb(0, 109, 65)",
+  "decorativeThreeSurface": "rgb(146, 230, 181)",
+  "decorativeThreeText": "rgb(0, 47, 25)",
+  "decorativeFourIcon": "rgb(0, 106, 104)",
+  "decorativeFourSurface": "rgb(145, 224, 214)",
+  "decorativeFourText": "rgb(0, 45, 45)",
+  "decorativeFiveIcon": "rgb(174, 43, 76)",
+  "decorativeFiveSurface": "rgb(253, 201, 208)",
+  "decorativeFiveText": "rgb(79, 14, 31)"
+}

data/dist-modern/palette/mfp-ui.light.polaris.custom-properties.css

@@ -0,0 +1,129 @@
+:root {
+  --p-background: rgb(246, 246, 247);
+  --p-background-hovered: rgb(241, 242, 243);
+  --p-background-pressed: rgb(237, 238, 239);
+  --p-background-selected: rgb(237, 238, 239);
+  --p-surface: rgb(255, 255, 255);
+  --p-surface-neutral: rgb(228, 229, 231);
+  --p-surface-neutral-hovered: rgb(219, 221, 223);
+  --p-surface-neutral-pressed: rgb(201, 204, 208);
+  --p-surface-neutral-disabled: rgb(241, 242, 243);
+  --p-surface-neutral-subdued: rgb(246, 246, 247);
+  --p-surface-subdued: rgb(250, 251, 251);
+  --p-surface-disabled: rgb(250, 251, 251);
+  --p-surface-hovered: rgb(246, 246, 247);
+  --p-surface-pressed: rgb(241, 242, 243);
+  --p-surface-depressed: rgb(237, 238, 239);
+  --p-surface-search-field: rgb(241, 242, 243);
+  --p-backdrop: rgba(0, 0, 0, 0.5);
+  --p-overlay: rgba(255, 255, 255, 0.5);
+  --p-shadow-from-dim-light: rgba(0, 0, 0, 0.2);
+  --p-shadow-from-ambient-light: rgba(23, 24, 24, 0.05);
+  --p-shadow-from-direct-light: rgba(0, 0, 0, 0.15);
+  --p-hint-from-direct-light: rgba(0, 0, 0, 0.15);
+  --p-border: rgb(140, 145, 150);
+  --p-border-neutral-subdued: rgb(186, 191, 195);
+  --p-border-hovered: rgb(153, 158, 164);
+  --p-border-disabled: rgb(210, 213, 216);
+  --p-border-subdued: rgb(201, 204, 207);
+  --p-border-depressed: rgb(87, 89, 89);
+  --p-border-shadow: rgb(174, 180, 185);
+  --p-border-shadow-subdued: rgb(186, 191, 196);
+  --p-divider: rgb(225, 227, 229);
+  --p-icon: rgb(92, 95, 98);
+  --p-icon-hovered: rgb(26, 28, 29);
+  --p-icon-pressed: rgb(68, 71, 74);
+  --p-icon-disabled: rgb(186, 190, 195);
+  --p-icon-subdued: rgb(140, 145, 150);
+  --p-text: rgb(32, 34, 35);
+  --p-text-disabled: rgb(140, 145, 150);
+  --p-text-subdued: rgb(109, 113, 117);
+  --p-interactive: rgb(44, 110, 203);
+  --p-interactive-disabled: rgb(189, 193, 204);
+  --p-interactive-hovered: rgb(31, 81, 153);
+  --p-interactive-pressed: rgb(16, 50, 98);
+  --p-focused: rgb(69, 143, 255);
+  --p-surface-selected: rgb(242, 247, 254);
+  --p-surface-selected-hovered: rgb(237, 244, 254);
+  --p-surface-selected-pressed: rgb(229, 239, 253);
+  --p-icon-on-interactive: rgb(255, 255, 255);
+  --p-text-on-interactive: rgb(255, 255, 255);
+  --p-action-secondary: rgb(255, 255, 255);
+  --p-action-secondary-disabled: rgb(255, 255, 255);
+  --p-action-secondary-hovered: rgb(246, 246, 247);
+  --p-action-secondary-pressed: rgb(241, 242, 243);
+  --p-action-secondary-depressed: rgb(109, 113, 117);
+  --p-action-primary: rgb(46, 113, 191);
+  --p-action-primary-disabled: rgb(241, 241, 241);
+  --p-action-primary-hovered: rgb(39, 98, 166);
+  --p-action-primary-pressed: rgb(32, 83, 143);
+  --p-action-primary-depressed: rgb(18, 53, 95);
+  --p-icon-on-primary: rgb(255, 255, 255);
+  --p-text-on-primary: rgb(255, 255, 255);
+  --p-text-primary: rgb(44, 109, 185);
+  --p-text-primary-hovered: rgb(38, 95, 162);
+  --p-text-primary-pressed: rgb(31, 81, 139);
+  --p-surface-primary-selected: rgb(246, 246, 248);
+  --p-surface-primary-selected-hovered: rgb(196, 201, 214);
+  --p-surface-primary-selected-pressed: rgb(175, 182, 199);
+  --p-border-critical: rgb(253, 87, 73);
+  --p-border-critical-subdued: rgb(224, 179, 178);
+  --p-border-critical-disabled: rgb(255, 167, 163);
+  --p-icon-critical: rgb(215, 44, 13);
+  --p-surface-critical: rgb(254, 211, 209);
+  --p-surface-critical-subdued: rgb(255, 244, 244);
+  --p-surface-critical-subdued-hovered: rgb(255, 240, 240);
+  --p-surface-critical-subdued-pressed: rgb(255, 233, 232);
+  --p-surface-critical-subdued-depressed: rgb(254, 188, 185);
+  --p-text-critical: rgb(215, 44, 13);
+  --p-action-critical: rgb(216, 44, 13);
+  --p-action-critical-disabled: rgb(241, 241, 241);
+  --p-action-critical-hovered: rgb(188, 34, 0);
+  --p-action-critical-pressed: rgb(162, 27, 0);
+  --p-action-critical-depressed: rgb(108, 15, 0);
+  --p-icon-on-critical: rgb(255, 255, 255);
+  --p-text-on-critical: rgb(255, 255, 255);
+  --p-interactive-critical: rgb(216, 44, 13);
+  --p-interactive-critical-disabled: rgb(253, 147, 141);
+  --p-interactive-critical-hovered: rgb(205, 41, 12);
+  --p-interactive-critical-pressed: rgb(103, 15, 3);
+  --p-border-warning: rgb(185, 137, 0);
+  --p-border-warning-subdued: rgb(225, 184, 120);
+  --p-icon-warning: rgb(185, 137, 0);
+  --p-surface-warning: rgb(255, 215, 157);
+  --p-surface-warning-subdued: rgb(255, 245, 234);
+  --p-surface-warning-subdued-hovered: rgb(255, 242, 226);
+  --p-surface-warning-subdued-pressed: rgb(255, 235, 211);
+  --p-text-warning: rgb(145, 106, 0);
+  --p-border-highlight: rgb(68, 157, 167);
+  --p-border-highlight-subdued: rgb(152, 198, 205);
+  --p-icon-highlight: rgb(0, 160, 172);
+  --p-surface-highlight: rgb(164, 232, 242);
+  --p-surface-highlight-subdued: rgb(235, 249, 252);
+  --p-surface-highlight-subdued-hovered: rgb(228, 247, 250);
+  --p-surface-highlight-subdued-pressed: rgb(213, 243, 248);
+  --p-text-highlight: rgb(52, 124, 132);
+  --p-border-success: rgb(0, 164, 124);
+  --p-border-success-subdued: rgb(149, 201, 180);
+  --p-icon-success: rgb(0, 127, 95);
+  --p-surface-success: rgb(174, 233, 209);
+  --p-surface-success-subdued: rgb(241, 248, 245);
+  --p-surface-success-subdued-hovered: rgb(236, 246, 241);
+  --p-surface-success-subdued-pressed: rgb(226, 241, 234);
+  --p-text-success: rgb(0, 128, 96);
+  --p-decorative-one-icon: rgb(126, 87, 0);
+  --p-decorative-one-surface: rgb(255, 201, 107);
+  --p-decorative-one-text: rgb(61, 40, 0);
+  --p-decorative-two-icon: rgb(175, 41, 78);
+  --p-decorative-two-surface: rgb(255, 196, 176);
+  --p-decorative-two-text: rgb(73, 11, 28);
+  --p-decorative-three-icon: rgb(0, 109, 65);
+  --p-decorative-three-surface: rgb(146, 230, 181);
+  --p-decorative-three-text: rgb(0, 47, 25);
+  --p-decorative-four-icon: rgb(0, 106, 104);
+  --p-decorative-four-surface: rgb(145, 224, 214);
+  --p-decorative-four-text: rgb(0, 45, 45);
+  --p-decorative-five-icon: rgb(174, 43, 76);
+  --p-decorative-five-surface: rgb(253, 201, 208);
+  --p-decorative-five-text: rgb(79, 14, 31);
+}