polaris_tokens 2.15.0 → 2.20.0

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

@@ -0,0 +1,129 @@
+{
+  "background": "rgb(11, 12, 13)",
+  "backgroundHovered": "rgb(11, 12, 13)",
+  "backgroundPressed": "rgb(11, 12, 13)",
+  "backgroundSelected": "rgb(11, 12, 13)",
+  "surface": "rgb(32, 33, 35)",
+  "surfaceNeutral": "rgb(49, 51, 53)",
+  "surfaceNeutralHovered": "rgb(49, 51, 53)",
+  "surfaceNeutralPressed": "rgb(49, 51, 53)",
+  "surfaceNeutralDisabled": "rgb(49, 51, 53)",
+  "surfaceNeutralSubdued": "rgb(68, 71, 74)",
+  "surfaceSubdued": "rgb(26, 28, 29)",
+  "surfaceDisabled": "rgb(26, 28, 29)",
+  "surfaceHovered": "rgb(47, 49, 51)",
+  "surfacePressed": "rgb(62, 64, 67)",
+  "surfaceDepressed": "rgb(80, 83, 86)",
+  "backdrop": "rgba(0, 0, 0, 0.5)",
+  "overlay": "rgba(33, 33, 33, 0.5)",
+  "shadowFromDimLight": "rgba(255, 255, 255, 0.2)",
+  "shadowFromAmbientLight": "rgba(23, 24, 24, 0.05)",
+  "shadowFromDirectLight": "rgba(255, 255, 255, 0.15)",
+  "hintFromDirectLight": "rgba(185, 185, 185, 0.2)",
+  "onSurfaceBackground": "rgb(47, 49, 51)",
+  "border": "rgb(80, 83, 86)",
+  "borderNeutralSubdued": "rgb(130, 135, 139)",
+  "borderHovered": "rgb(80, 83, 86)",
+  "borderDisabled": "rgb(103, 107, 111)",
+  "borderSubdued": "rgb(130, 135, 139)",
+  "borderDepressed": "rgb(142, 145, 145)",
+  "borderShadow": "rgb(91, 95, 98)",
+  "borderShadowSubdued": "rgb(130, 135, 139)",
+  "divider": "rgb(69, 71, 73)",
+  "icon": "rgb(166, 172, 178)",
+  "iconHovered": "rgb(225, 227, 229)",
+  "iconPressed": "rgb(166, 172, 178)",
+  "iconDisabled": "rgb(84, 87, 90)",
+  "iconSubdued": "rgb(120, 125, 129)",
+  "text": "rgb(227, 229, 231)",
+  "textDisabled": "rgb(111, 115, 119)",
+  "textSubdued": "rgb(153, 159, 164)",
+  "interactive": "rgb(54, 163, 255)",
+  "interactiveDisabled": "rgb(38, 98, 182)",
+  "interactiveHovered": "rgb(103, 175, 255)",
+  "interactivePressed": "rgb(136, 188, 255)",
+  "focused": "rgb(38, 98, 182)",
+  "surfaceSelected": "rgb(2, 14, 35)",
+  "surfaceSelectedHovered": "rgb(7, 29, 61)",
+  "surfaceSelectedPressed": "rgb(13, 43, 86)",
+  "iconOnInteractive": "rgb(255, 255, 255)",
+  "textOnInteractive": "rgb(255, 255, 255)",
+  "actionSecondary": "rgb(77, 80, 83)",
+  "actionSecondaryDisabled": "rgb(32, 34, 35)",
+  "actionSecondaryHovered": "rgb(84, 87, 91)",
+  "actionSecondaryPressed": "rgb(96, 100, 103)",
+  "actionSecondaryDepressed": "rgb(123, 127, 132)",
+  "actionPrimary": "rgb(46, 113, 191)",
+  "actionPrimaryDisabled": "rgb(29, 76, 131)",
+  "actionPrimaryHovered": "rgb(56, 133, 223)",
+  "actionPrimaryPressed": "rgb(68, 146, 241)",
+  "actionPrimaryDepressed": "rgb(102, 159, 243)",
+  "iconOnPrimary": "rgb(247, 249, 254)",
+  "textOnPrimary": "rgb(255, 255, 255)",
+  "textPrimary": "rgb(52, 125, 211)",
+  "textPrimaryHovered": "rgb(59, 141, 236)",
+  "textPrimaryPressed": "rgb(96, 156, 242)",
+  "surfacePrimarySelected": "rgb(14, 17, 24)",
+  "surfacePrimarySelectedHovered": "rgb(42, 46, 56)",
+  "surfacePrimarySelectedPressed": "rgb(56, 62, 74)",
+  "borderCritical": "rgb(227, 47, 14)",
+  "borderCriticalSubdued": "rgb(227, 47, 14)",
+  "borderCriticalDisabled": "rgb(131, 23, 4)",
+  "iconCritical": "rgb(218, 45, 13)",
+  "surfaceCritical": "rgb(69, 7, 1)",
+  "surfaceCriticalSubdued": "rgb(69, 7, 1)",
+  "surfaceCriticalSubduedHovered": "rgb(68, 23, 20)",
+  "surfaceCriticalSubduedPressed": "rgb(107, 16, 3)",
+  "surfaceCriticalSubduedDepressed": "rgb(135, 24, 5)",
+  "textCritical": "rgb(233, 128, 122)",
+  "actionCritical": "rgb(205, 41, 12)",
+  "actionCriticalDisabled": "rgb(187, 37, 10)",
+  "actionCriticalHovered": "rgb(227, 47, 14)",
+  "actionCriticalPressed": "rgb(250, 53, 17)",
+  "actionCriticalDepressed": "rgb(253, 87, 73)",
+  "iconOnCritical": "rgb(255, 248, 247)",
+  "textOnCritical": "rgb(255, 255, 255)",
+  "interactiveCritical": "rgb(253, 114, 106)",
+  "interactiveCriticalDisabled": "rgb(254, 172, 168)",
+  "interactiveCriticalHovered": "rgb(253, 138, 132)",
+  "interactiveCriticalPressed": "rgb(253, 159, 155)",
+  "borderWarning": "rgb(153, 112, 0)",
+  "borderWarningSubdued": "rgb(153, 112, 0)",
+  "iconWarning": "rgb(104, 75, 0)",
+  "surfaceWarning": "rgb(153, 112, 0)",
+  "surfaceWarningSubdued": "rgb(77, 59, 29)",
+  "surfaceWarningSubduedHovered": "rgb(82, 63, 32)",
+  "surfaceWarningSubduedPressed": "rgb(87, 67, 34)",
+  "textWarning": "rgb(202, 149, 0)",
+  "borderHighlight": "rgb(68, 157, 167)",
+  "borderHighlightSubdued": "rgb(68, 157, 167)",
+  "iconHighlight": "rgb(44, 108, 115)",
+  "surfaceHighlight": "rgb(0, 105, 113)",
+  "surfaceHighlightSubdued": "rgb(18, 53, 57)",
+  "surfaceHighlightSubduedHovered": "rgb(20, 58, 62)",
+  "surfaceHighlightSubduedPressed": "rgb(24, 65, 70)",
+  "textHighlight": "rgb(162, 239, 250)",
+  "borderSuccess": "rgb(0, 135, 102)",
+  "borderSuccessSubdued": "rgb(0, 135, 102)",
+  "iconSuccess": "rgb(0, 94, 70)",
+  "surfaceSuccess": "rgb(0, 94, 70)",
+  "surfaceSuccessSubdued": "rgb(28, 53, 44)",
+  "surfaceSuccessSubduedHovered": "rgb(31, 58, 48)",
+  "surfaceSuccessSubduedPressed": "rgb(35, 65, 54)",
+  "textSuccess": "rgb(88, 173, 142)",
+  "decorativeOneIcon": "rgb(255, 186, 67)",
+  "decorativeOneSurface": "rgb(142, 102, 9)",
+  "decorativeOneText": "rgb(255, 255, 255)",
+  "decorativeTwoIcon": "rgb(245, 182, 192)",
+  "decorativeTwoSurface": "rgb(206, 88, 20)",
+  "decorativeTwoText": "rgb(255, 255, 255)",
+  "decorativeThreeIcon": "rgb(0, 227, 141)",
+  "decorativeThreeSurface": "rgb(0, 124, 90)",
+  "decorativeThreeText": "rgb(255, 255, 255)",
+  "decorativeFourIcon": "rgb(0, 221, 218)",
+  "decorativeFourSurface": "rgb(22, 124, 121)",
+  "decorativeFourText": "rgb(255, 255, 255)",
+  "decorativeFiveIcon": "rgb(244, 183, 191)",
+  "decorativeFiveSurface": "rgb(194, 51, 86)",
+  "decorativeFiveText": "rgb(255, 255, 255)"
+}

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-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-on-surface-background: rgb(47, 49, 51);
+  --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_on_surface_background">#fff1f2f3</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_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,637 @@
+[
+  {
+    "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": "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": "onSurfaceBackground",
+    "value": {"r": 241, "g": 242, "b": 243, "a": 1},
+    "figmaName": "Background/Default"
+  },
+  {
+    "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"
+  }
+]