From 9b11d4d904187a9b089e6f1a44a0b64cb88f194f Mon Sep 17 00:00:00 2001
From: "Michael S. Molina" <70410625+michael-s-molina@users.noreply.github.com>
Date: Fri, 21 May 2021 18:46:01 -0300
Subject: [PATCH] chore: Removes ColorSchemeControl.less (#14199)

---
 .../controls/ColorSchemeControl.jsx           | 21 ++++++++++---
 .../controls/ColorSchemeControl.less          | 31 -------------------
 2 files changed, 17 insertions(+), 35 deletions(-)
 delete mode 100644 superset-frontend/src/explore/components/controls/ColorSchemeControl.less

diff --git a/superset-frontend/src/explore/components/controls/ColorSchemeControl.jsx b/superset-frontend/src/explore/components/controls/ColorSchemeControl.jsx
index 6b0d2871e05dd..d26e91fb687e1 100644
--- a/superset-frontend/src/explore/components/controls/ColorSchemeControl.jsx
+++ b/superset-frontend/src/explore/components/controls/ColorSchemeControl.jsx
@@ -23,8 +23,6 @@ import { Select } from 'src/components/Select';
 import { Tooltip } from 'src/components/Tooltip';
 import ControlHeader from '../ControlHeader';
 
-import './ColorSchemeControl.less';
-
 const propTypes = {
   description: PropTypes.string,
   label: PropTypes.string.isRequired,
@@ -75,11 +73,26 @@ export default class ColorSchemeControl extends React.PureComponent {
 
     return (
       <Tooltip id={`${currentScheme.id}-tooltip`} title={currentScheme.label}>
-        <ul className="color-scheme-container" data-test={currentScheme.id}>
+        <ul
+          css={{
+            listStyle: 'none',
+            margin: 0,
+            padding: 0,
+            display: 'flex',
+            alignItems: 'center',
+
+            '& li': {
+              flexBasis: 9,
+              height: 10,
+              margin: '9px 1px',
+            },
+          }}
+          data-test={currentScheme.id}
+        >
           {colors.map((color, i) => (
             <li
               key={`${currentScheme.id}-${i}`}
-              style={{
+              css={{
                 backgroundColor: color,
                 border: `1px solid ${color === 'white' ? 'black' : color}`,
               }}
diff --git a/superset-frontend/src/explore/components/controls/ColorSchemeControl.less b/superset-frontend/src/explore/components/controls/ColorSchemeControl.less
deleted file mode 100644
index 94213b7251172..0000000000000
--- a/superset-frontend/src/explore/components/controls/ColorSchemeControl.less
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-.color-scheme-container {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  align-items: center;
-
-  li {
-    flex-basis: 9px;
-    height: 10px;
-    margin: 9px 1px;
-  }
-}