Files
flipper/desktop/themes/base.less
dependabot[bot] 91b501d0ed Bump antd from 4.6.6 to 4.9.1 in /desktop (#1734)
Summary:
allow-large-files

Bumps [antd](https://github.com/ant-design/ant-design) from 4.6.6 to 4.9.1.
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a href="https://github.com/ant-design/ant-design/releases">antd's releases</a>.</em></p>
<blockquote>
<h2>4.9.1</h2>
<ul>
<li>TypeScript
<ul>
<li>� Fix Collapse.Panel <code>collapsible</code> property to optional. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28092">#28092</a> <a href="https://github.com/sammarks">sammarks</a></li>
</ul>
</li>
</ul>
<hr />
<ul>
<li>TypeScript
<ul>
<li>� 修复 Collapse.Panel 可折叠属性 <code>collapsible</code> 为可选。<a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28092">#28092</a> <a href="https://github.com/sammarks">sammarks</a></li>
</ul>
</li>
</ul>
<h2>4.9.0</h2>
<ul>
<li>Modal
<ul>
<li>{emoji:1f195} Modal support <code>focusTriggerAfterClose</code> to disable auto focus back. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27985">#27985</a> <a href="https://github.com/molokovev">molokovev</a></li>
<li>{emoji:1f41e} Fix Modal hooks not trigger <code>onCancel</code>. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28063">#28063</a> <a href="https://github.com/JuniorTour">JuniorTour</a></li>
<li>{emoji:1f41e} Fix Modal sometime not popup from the click position. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28037">#28037</a></li>
<li>{emoji:1f195} Support <code>closable</code> and <code>closeIcon</code> api for Modal.method. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27909">#27909</a> <a href="https://github.com/MrHeer">MrHeer</a></li>
</ul>
</li>
<li>{emoji:1f484} Reduce Table selection column width to <code>32px</code>. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28073">#28073</a></li>
<li>Image
<ul>
<li>{emoji:1f525} Image add PreviewGroup component to support multiple images preview. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28069">#28069</a></li>
<li>{emoji:1f41e} Fix Image style prop not acting on img element. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27446">#27446</a></li>
</ul>
</li>
<li>Collapse
<ul>
<li>{emoji:1f525} Collapse support <code>collapsible</code> to customize trigger region and deprecated Panel <code>disabled</code> prop. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27790">#27790</a></li>
<li>{emoji:1f41e} Fix Collapse cannot contains <code>&lt;Table sticky /&gt;</code>. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28039">#28039</a></li>
</ul>
</li>
<li>{emoji:1f41e} Fix Cascader bug that empty data can be selected. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28062">#28062</a> <a href="https://github.com/n0ruSh">n0ruSh</a></li>
<li>{emoji:1f195} Alert support <code>action</code> prop. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/25892">#25892</a> <a href="https://github.com/jesse3mh9a">jesse3mh9a</a></li>
<li>{emoji:1f525} Tree refactor drag behavior. Add <code>dropIndicatorRender</code> and <code>allowDrop</code> prop. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/26462">#26462</a> <a href="https://github.com/07akioni">07akioni</a></li>
<li>{emoji:1f195} Space support <code>wrap</code> for auto break line. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27910">#27910</a></li>
<li>{emoji:1f195} Descriptions.Item support <code>labelStyle</code> &amp; <code>contentStyle</code> props. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27897">#27897</a></li>
<li>{emoji:1f195} Form.List support <code>initialValue</code>. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27872">#27872</a></li>
<li>{emoji:1f195} Menu supports <code>expandIcon</code>, and optimize default expand icon style. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27565">#27565</a></li>
<li>{emoji:1f195} Input and TextArea add <code>setSelectionRange</code> of <code>ref</code>. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27584">#27584</a> <a href="https://github.com/appleshell">appleshell</a></li>
<li>{emoji:1f195} Select support <code>filterSort</code> to order the filtered options. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27523">#27523</a> <a href="https://github.com/n0ruSh">n0ruSh</a></li>
<li>{emoji:1f1f0_1f1ff} Add Kazakh locale. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27589">#27589</a> <a href="https://github.com/nodkz">nodkz</a></li>
</ul>
<hr />
<ul>
<li>Modal
<ul>
<li>{emoji:1f195} Modal 支持 <code>focusTriggerAfterClose</code> 以关闭自动恢复焦点的功能。<a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27985">#27985</a> <a href="https://github.com/molokovev">molokovev</a></li>
<li>{emoji:1f41e} 修复 Modal hooks 没有触发 <code>onCancel</code> 的问题。<a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28063">#28063</a> <a href="https://github.com/JuniorTour">JuniorTour</a></li>
<li>{emoji:1f41e} 修复 Modal 有时不在点击位置弹出的问题。<a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28037">#28037</a></li>
<li>{emoji:1f195} Modal.method 支持 <code>closable</code> 和 <code>closeIcon</code>。<a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27909">#27909</a> <a href="https://github.com/MrHeer">MrHeer</a></li>
</ul>
</li>
<li>{emoji:1f484} 减少 Table 选中列宽度至 <code>32px</code>。<a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28073">#28073</a></li>
<li>Image
<ul>
<li>{emoji:1f525} Image 增加 PreviewGroup 组件支持多张图片预览。<a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28069">#28069</a></li>
<li>{emoji:1f41e} 修复 Image style 属性未作用于 img 元素的问题。<a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27446">#27446</a></li>
</ul>
</li>
<li>Collapse
<ul>
<li>{emoji:1f525} Collapse 添加 <code>collapsible</code> 以支持指定可折叠触发区域并废弃 Panel 的 <code>disabled</code> 属性。<a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27790">#27790</a></li>
<li>{emoji:1f41e} 修复 Collapse 内使用 <code>&lt;Table sticky /&gt;</code> 时不生效的问题。<a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28039">#28039</a></li>
</ul>
</li>
</ul>

</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a href="https://github.com/ant-design/ant-design/blob/master/CHANGELOG.en-US.md">antd's changelog</a>.</em></p>
<blockquote>
<h2>4.9.1</h2>
<p><code>2020-12-01</code></p>
<ul>
<li>TypeScript
<ul>
<li>� Fix Collapse.Panel <code>collapsible</code> property to optional. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28092">#28092</a> <a href="https://github.com/sammarks">sammarks</a></li>
</ul>
</li>
</ul>
<h2>4.9.0</h2>
<p><code>2020-11-30</code></p>
<ul>
<li>Modal
<ul>
<li>{emoji:1f195} Modal support <code>focusTriggerAfterClose</code> to disable auto focus back. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27985">#27985</a> <a href="https://github.com/molokovev">molokovev</a></li>
<li>{emoji:1f41e} Fix Modal hooks not trigger <code>onCancel</code>. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28063">#28063</a> <a href="https://github.com/JuniorTour">JuniorTour</a></li>
<li>{emoji:1f41e} Fix Modal sometime not popup from the click position. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28037">#28037</a></li>
<li>{emoji:1f195} Support <code>closable</code> and <code>closeIcon</code> api for Modal.method. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27909">#27909</a> <a href="https://github.com/MrHeer">MrHeer</a></li>
</ul>
</li>
<li>{emoji:1f484} Reduce Table selection column width to <code>32px</code>. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28073">#28073</a></li>
<li>Image
<ul>
<li>{emoji:1f525} Image add PreviewGroup component to support multiple images preview. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28069">#28069</a></li>
<li>{emoji:1f41e} Fix Image style prop not acting on img element. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27446">#27446</a></li>
</ul>
</li>
<li>Collapse
<ul>
<li>{emoji:1f525} Collapse support <code>collapsible</code> to customize trigger region and deprecated Panel <code>disabled</code> prop. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27790">#27790</a></li>
<li>{emoji:1f41e} Fix Collapse cannot contains <code>&lt;Table sticky /&gt;</code>. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28039">#28039</a></li>
</ul>
</li>
<li>{emoji:1f41e} Fix Cascader bug that empty data can be selected. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28062">#28062</a> <a href="https://github.com/n0ruSh">n0ruSh</a></li>
<li>{emoji:1f195} Alert support <code>action</code> prop. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/25892">#25892</a> <a href="https://github.com/jesse3mh9a">jesse3mh9a</a></li>
<li>{emoji:1f525} Tree refactor drag behavior. Add <code>dropIndicatorRender</code> and <code>allowDrop</code> prop. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/26462">#26462</a> <a href="https://github.com/07akioni">07akioni</a></li>
<li>{emoji:1f195} Space support <code>wrap</code> for auto break line. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27910">#27910</a></li>
<li>{emoji:1f195} Descriptions.Item support <code>labelStyle</code> &amp; <code>contentStyle</code> props. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27897">#27897</a></li>
<li>{emoji:1f195} Form.List support <code>initialValue</code>. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27872">#27872</a></li>
<li>{emoji:1f195} Menu supports <code>expandIcon</code>, and optimize default expand icon style. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27565">#27565</a></li>
<li>{emoji:1f195} Input and TextArea add <code>setSelectionRange</code> of <code>ref</code>. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27584">#27584</a> <a href="https://github.com/appleshell">appleshell</a></li>
<li>{emoji:1f195} Select support <code>filterSort</code> to order the filtered options. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27523">#27523</a> <a href="https://github.com/n0ruSh">n0ruSh</a></li>
<li>{emoji:1f1f0_1f1ff} Add Kazakh locale. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27589">#27589</a> <a href="https://github.com/nodkz">nodkz</a></li>
</ul>
<h2>4.8.6</h2>
<p><code>2020-11-27</code></p>
<ul>
<li>{emoji:1f41e} Fix Badge style blink when mounted. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28003">#28003</a></li>
<li>{emoji:1f484} Reduce Modal style size. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27998">#27998</a></li>
<li>{emoji:1f41e} Fix Layout.Sider can not collapse when <code>width='0'</code>. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28000">#28000</a></li>
<li>{emoji:1f41e} Fix Menu style when using none Ant Design icons. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27983">#27983</a></li>
<li>Input
<ul>
<li>{emoji:1f41e} Fix Input.Search button height when customize less variables. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27986">#27986</a></li>
<li>{emoji:1f41e} Fix Input.Search <code>addonBefore</code> abnormal style. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27960">#27960</a></li>
</ul>
</li>
<li>{emoji:1f41e} Fix Typography.Link clicking copy button will redirect. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27982">#27982</a></li>
<li>{emoji:1f41e} Fix Carousel throws error <code>Unable to preventDefault inside passive event listener</code>. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/27957">#27957</a></li>
<li>{emoji:1f310} Improve data picker locale for <code>en_GB</code> and <code>zh_TW</code>. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28016">#28016</a> <a href="https://github.com/abz53378">abz53378</a></li>
<li>RTL
<ul>
<li>{emoji:1f484} Optimize the border style of Descriptions in RTL model. <a href="https://github-redirect.dependabot.com/ant-design/ant-design/pull/28010">#28010</a></li>
</ul>
</li>
</ul>

</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a href="dda1f2b09c"><code>dda1f2b</code></a> refactor: &lt;Timeline/&gt; move defaultProps into single destructuring (<a href="https://github-redirect.dependabot.com/ant-design/ant-design/issues/28094">#28094</a>)</li>
<li><a href="511c8510fb"><code>511c851</code></a> chore: allow run compressed size from outside PR</li>
<li><a href="2cc6b0ca05"><code>2cc6b0c</code></a> refactor: optimize &lt;Timeline/&gt; bundle size (<a href="https://github-redirect.dependabot.com/ant-design/ant-design/issues/28095">#28095</a>)</li>
<li><a href="6e040bbd98"><code>6e040bb</code></a> docs: 4.9.1 changelog (<a href="https://github-redirect.dependabot.com/ant-design/ant-design/issues/28102">#28102</a>)</li>
<li><a href="30cc31af7e"><code>30cc31a</code></a> chore: Fix site deploy script</li>
<li><a href="16bc4bcdab"><code>16bc4bc</code></a> fix: Collapse.Panel collapsible should be optional (<a href="https://github-redirect.dependabot.com/ant-design/ant-design/issues/28092">#28092</a>)</li>
<li><a href="682b55d6b6"><code>682b55d</code></a> docs: 4.9.0 changelog (<a href="https://github-redirect.dependabot.com/ant-design/ant-design/issues/28088">#28088</a>)</li>
<li><a href="98ddb8d8da"><code>98ddb8d</code></a> chore: RM circle ci (<a href="https://github-redirect.dependabot.com/ant-design/ant-design/issues/28080">#28080</a>)</li>
<li><a href="6bb9701e23"><code>6bb9701</code></a> Merge pull request <a href="https://github-redirect.dependabot.com/ant-design/ant-design/issues/28081">#28081</a> from ant-design/feature</li>
<li><a href="ac3142acf6"><code>ac3142a</code></a> docs: fix site warning message</li>
<li>Additional commits viewable in <a href="https://github.com/ant-design/ant-design/compare/4.6.6...4.9.1">compare view</a></li>
</ul>
</details>
<br />

[![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=antd&package-manager=npm_and_yarn&previous-version=4.6.6&new-version=4.9.1)](https://docs.github.com/en/github/managing-security-vulnerabilities/configuring-github-dependabot-security-updates)

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `dependabot rebase`.

[//]: # (dependabot-automerge-start)
[//]: # (dependabot-automerge-end)

 ---

<details>
<summary>Dependabot commands and options</summary>
<br />

You can trigger Dependabot actions by commenting on this PR:
- `dependabot rebase` will rebase this PR
- `dependabot recreate` will recreate this PR, overwriting any edits that have been made to it
- `dependabot merge` will merge this PR after your CI passes on it
- `dependabot squash and merge` will squash and merge this PR after your CI passes on it
- `dependabot cancel merge` will cancel a previously requested merge and block automerging
- `dependabot reopen` will reopen this PR if it is closed
- `dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- `dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- `dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- `dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

</details>

Pull Request resolved: https://github.com/facebook/flipper/pull/1734

Test Plan:
Imported from GitHub, without a `Test Plan:` line.

Did some exploratory testing and styling simplifications

{F350178586}

Reviewed By: nikoant

Differential Revision: D25461255

Pulled By: mweststrate

fbshipit-source-id: 2f2948664f302829d8fc4bc954b910ff4d033b4c
2020-12-11 06:48:08 -08:00

60 lines
2.1 KiB
Plaintext

/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*/
@import '../node_modules/antd/dist/antd.less';
@import './typography.less';
/* Based on: https://www.figma.com/file/4e6BMdm2SuZ1L7FSuOPQVC/Flipper?node-id=620%3A84636 */
@background-transparent-hover: rgba(0, 0, 0, 0.1);
@border-radius-base: 6px;
@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
@code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,
monospace;
/**
This section adds specific paddings to ANT component to match design
*/
/**
This section maps theme base colors as defined in light/dark.less to ANT variables
(as far as they aren't already)
*/
@highlight-color: @error-color;
@badge-color: @error-color;
@text-color: @text-color-primary;
@input-placeholder-color: @text-color-placeholder;
@body-background: @background-default; // Background color for `<body>`
@normal-color: @background-wash;
@tooltip-color: @background-default;
@tooltip-bg: @text-color-primary;
@btn-default-bg: @button-default-background;
/**
This section maps theme colors to CSS variables so that they can be
used in styled components, see theme.tsx
*/
:root {
--flipper-primary-color: @primary-color;
--flipper-success-color: @success-color;
--flipper-error-color: @error-color;
--flipper-warning-color: @warning-color;
--flipper-text-color-primary: @text-color-primary;
--flipper-text-color-secondary: @text-color-secondary;
--flipper-text-color-placeholder: @text-color-placeholder;
--flipper-disabled-color: @disabled-color;
--flipper-background-default: @background-default;
--flipper-background-wash: @background-wash;
--flipper-button-default-background: @button-default-background;
--flipper-background-transparent-hover: @background-transparent-hover;
--flipper-divider-color: @divider-color;
--flipper-border-radius: @border-radius-base;
}