@epam/assets 4.8.0-beta.0 → 4.8.2

package/icons/templates/generic.svg

@@ -1,98 +1,98 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="24"
-   height="24"
-   viewBox="0 0 24 24"
-   version="1.1"
-   id="svg8"
-   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
-   sodipodi:docname="generic.svg">
-  <defs
-     id="defs2" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#003ecc"
-     borderopacity="1"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="11.2"
-     inkscape:cx="20.480776"
-     inkscape:cy="6.6940099"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer2"
-     showgrid="true"
-     units="px"
-     inkscape:pagecheckerboard="false"
-     inkscape:showpageshadow="false"
-     showguides="false"
-     inkscape:window-width="1920"
-     inkscape:window-height="1017"
-     inkscape:window-x="-8"
-     inkscape:window-y="-8"
-     inkscape:window-maximized="1"
-     inkscape:snap-bbox="true"
-     inkscape:bbox-nodes="true">
-    <inkscape:grid
-       type="xygrid"
-       id="grid4747"
-       spacingx="1"
-       spacingy="1"
-       empspacing="6" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Grid"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(0,-290.65)">
-    <path
-       style="opacity:1;vector-effect:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.05397888;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       d="m 11.891847,294.64927 a 7.9999938,8.000001 89.236689 0 0 -7.8925778,8.10742 7.9999938,8.000001 89.236689 0 0 8.1074218,7.89258 7.9999938,8.000001 89.236689 0 0 7.892578,-8.10742 7.9999938,8.000001 89.236689 0 0 -8.107422,-7.89258 z m 0.107422,1 a 7,7 0 0 1 7,7 7,7 0 0 1 -7,7 7,7 0 0 1 -6.9999998,-7 7,7 0 0 1 6.9999998,-7 z"
-       id="path4752"
-       inkscape:connector-curvature="0" />
-    <path
-       style="opacity:0.544;vector-effect:none;fill-opacity:0.2745098;fill-rule:nonzero;stroke:none;stroke-width:0.0526733;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       d="M 7 4.0195312 L 7 5 L 5 5 L 5 7 L 4.0429688 7 L 4.0429688 17 L 5 17 L 5 19 L 7 19 L 7 20 L 17 20 L 17 19 L 19 19 L 19 17 L 20 17 L 20 7 L 19 7 L 19 5 L 17 5 L 17 4.0195312 L 7 4.0195312 z "
-       transform="translate(0,290.65)"
-       id="rect4760-2" />
-    <rect
-       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.05;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       id="rect4754"
-       width="36"
-       height="36"
-       x="-6"
-       y="284.64999" />
-    <circle
-       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.05;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       id="path4756"
-       cx="12"
-       cy="302.64999"
-       r="18" />
-  </g>
-  <g
-     inkscape:groupmode="layer"
-     id="layer2"
-     inkscape:label="Icon"
-     style="display:inline" />
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="generic.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#003ecc"
+     borderopacity="1"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="20.480776"
+     inkscape:cy="6.6940099"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="true"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     inkscape:showpageshadow="false"
+     showguides="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4747"
+       spacingx="1"
+       spacingy="1"
+       empspacing="6" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Grid"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-290.65)">
+    <path
+       style="opacity:1;vector-effect:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.05397888;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 11.891847,294.64927 a 7.9999938,8.000001 89.236689 0 0 -7.8925778,8.10742 7.9999938,8.000001 89.236689 0 0 8.1074218,7.89258 7.9999938,8.000001 89.236689 0 0 7.892578,-8.10742 7.9999938,8.000001 89.236689 0 0 -8.107422,-7.89258 z m 0.107422,1 a 7,7 0 0 1 7,7 7,7 0 0 1 -7,7 7,7 0 0 1 -6.9999998,-7 7,7 0 0 1 6.9999998,-7 z"
+       id="path4752"
+       inkscape:connector-curvature="0" />
+    <path
+       style="opacity:0.544;vector-effect:none;fill-opacity:0.2745098;fill-rule:nonzero;stroke:none;stroke-width:0.0526733;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="M 7 4.0195312 L 7 5 L 5 5 L 5 7 L 4.0429688 7 L 4.0429688 17 L 5 17 L 5 19 L 7 19 L 7 20 L 17 20 L 17 19 L 19 19 L 19 17 L 20 17 L 20 7 L 19 7 L 19 5 L 17 5 L 17 4.0195312 L 7 4.0195312 z "
+       transform="translate(0,290.65)"
+       id="rect4760-2" />
+    <rect
+       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.05;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect4754"
+       width="36"
+       height="36"
+       x="-6"
+       y="284.64999" />
+    <circle
+       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.05;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="path4756"
+       cx="12"
+       cy="302.64999"
+       r="18" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Icon"
+     style="display:inline" />
+</svg>

package/icons/templates/tall.svg

@@ -1,127 +1,127 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="18"
-   height="24"
-   viewBox="0 0 18 24"
-   version="1.1"
-   id="svg8"
-   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
-   sodipodi:docname="tall.svg">
-  <defs
-     id="defs2">
-    <pattern
-       y="0"
-       x="0"
-       height="6"
-       width="6"
-       patternUnits="userSpaceOnUse"
-       id="EMFhbasepattern" />
-    <pattern
-       y="0"
-       x="0"
-       height="6"
-       width="6"
-       patternUnits="userSpaceOnUse"
-       id="EMFhbasepattern-7" />
-    <pattern
-       y="0"
-       x="0"
-       height="6"
-       width="6"
-       patternUnits="userSpaceOnUse"
-       id="EMFhbasepattern-0" />
-  </defs>
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#003ecc"
-     borderopacity="1"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="11.2"
-     inkscape:cx="2.9465451"
-     inkscape:cy="19.714344"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer2"
-     showgrid="true"
-     units="px"
-     inkscape:pagecheckerboard="false"
-     inkscape:showpageshadow="false"
-     showguides="false"
-     inkscape:window-width="1920"
-     inkscape:window-height="1017"
-     inkscape:window-x="-8"
-     inkscape:window-y="-8"
-     inkscape:window-maximized="1"
-     inkscape:snap-nodes="false"
-     inkscape:snap-bbox="true"
-     inkscape:bbox-nodes="true"
-     inkscape:snap-page="true">
-    <inkscape:grid
-       type="xygrid"
-       id="grid4747"
-       spacingx="1"
-       spacingy="1"
-       empspacing="6" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Grid"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(0,-290.65)"
-     style="display:inline"
-     sodipodi:insensitive="true">
-    <circle
-       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.03341123;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       id="path4752"
-       cx="9.0642443"
-       cy="302.68155"
-       r="4.9517455" />
-    <rect
-       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.05;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       id="rect4754"
-       width="36"
-       height="36"
-       x="-8.9357557"
-       y="284.68155" />
-    <circle
-       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.05;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       id="path4756"
-       cx="9.0642443"
-       cy="302.68155"
-       r="18" />
-    <rect
-       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.03321357;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       id="rect4760"
-       width="7.9622984"
-       height="7.9802246"
-       x="5.0322967"
-       y="298.65317" />
-  </g>
-  <g
-     inkscape:groupmode="layer"
-     id="layer2"
-     inkscape:label="Icon"
-     style="display:inline" />
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="18"
+   height="24"
+   viewBox="0 0 18 24"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="tall.svg">
+  <defs
+     id="defs2">
+    <pattern
+       y="0"
+       x="0"
+       height="6"
+       width="6"
+       patternUnits="userSpaceOnUse"
+       id="EMFhbasepattern" />
+    <pattern
+       y="0"
+       x="0"
+       height="6"
+       width="6"
+       patternUnits="userSpaceOnUse"
+       id="EMFhbasepattern-7" />
+    <pattern
+       y="0"
+       x="0"
+       height="6"
+       width="6"
+       patternUnits="userSpaceOnUse"
+       id="EMFhbasepattern-0" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#003ecc"
+     borderopacity="1"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="2.9465451"
+     inkscape:cy="19.714344"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="true"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     inkscape:showpageshadow="false"
+     showguides="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:snap-nodes="false"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-page="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4747"
+       spacingx="1"
+       spacingy="1"
+       empspacing="6" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Grid"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-290.65)"
+     style="display:inline"
+     sodipodi:insensitive="true">
+    <circle
+       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.03341123;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="path4752"
+       cx="9.0642443"
+       cy="302.68155"
+       r="4.9517455" />
+    <rect
+       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.05;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect4754"
+       width="36"
+       height="36"
+       x="-8.9357557"
+       y="284.68155" />
+    <circle
+       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.05;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="path4756"
+       cx="9.0642443"
+       cy="302.68155"
+       r="18" />
+    <rect
+       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.03321357;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect4760"
+       width="7.9622984"
+       height="7.9802246"
+       x="5.0322967"
+       y="298.65317" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Icon"
+     style="display:inline" />
+</svg>

package/less/control-mods.less

@@ -1,52 +1,52 @@
-@import './effects.less';
-@import './loveship-color-vars.less';
-
-@control-border-radius: 3px;
-
-.control-form-mode() {
-    background-color: @white;
-    border-color: @night200;
-    border-style: solid;
-    border-radius: @control-border-radius;
-
-    &:hover {
-        border-color: @night200;
-    }
-
-    &:global(.uui-focus) {
-        border-color: darken(@sky, 10%);
-        .control-focus-effect(@sky);
-    }
-}
-
-.control-inline-mode() {
-    background-color: transparent;
-    border-color: transparent;
-    border-style: solid;
-    border-radius: @control-border-radius;
-
-    &:hover {
-        border-color: @night200;
-    }
-
-    &:global(.uui-focus) {
-        border-color: darken(@sky, 10%);
-        .control-focus-effect(@sky);
-    }
-}
-
-.control-cell-mode() {
-    background-color: transparent;
-    border-color: transparent;
-    border-style: solid;
-    border-radius: 0;
-
-    &:hover {
-        border-color: @night200;
-    }
-
-    &:global(.uui-focus) {
-        border-color: fade(@sky, 40%);
-        box-shadow: inset 0 0 0 1px fade(@sky, 40%);
-    }
+@import './effects.less';
+@import './loveship-color-vars.less';
+
+@control-border-radius: 3px;
+
+.control-form-mode() {
+    background-color: @white;
+    border-color: @night200;
+    border-style: solid;
+    border-radius: @control-border-radius;
+
+    &:hover {
+        border-color: @night200;
+    }
+
+    &:global(.uui-focus) {
+        border-color: darken(@sky, 10%);
+        .control-focus-effect(@sky);
+    }
+}
+
+.control-inline-mode() {
+    background-color: transparent;
+    border-color: transparent;
+    border-style: solid;
+    border-radius: @control-border-radius;
+
+    &:hover {
+        border-color: @night200;
+    }
+
+    &:global(.uui-focus) {
+        border-color: darken(@sky, 10%);
+        .control-focus-effect(@sky);
+    }
+}
+
+.control-cell-mode() {
+    background-color: transparent;
+    border-color: transparent;
+    border-style: solid;
+    border-radius: 0;
+
+    &:hover {
+        border-color: @night200;
+    }
+
+    &:global(.uui-focus) {
+        border-color: fade(@sky, 40%);
+        box-shadow: inset 0 0 0 1px fade(@sky, 40%);
+    }
 }

package/less/control-size.less

@@ -1,43 +1,43 @@
-.control-size(@size, @borderWidth) {
-    & when (@size = 18) {
-        min-width: 18px;
-        padding-left: 3px - @borderWidth;
-        padding-right: 3px - @borderWidth;
-    }
-
-    & when (@size = 24) {
-        min-width: 24px;
-        padding-left: 4px - @borderWidth;
-        padding-right: 4px - @borderWidth;
-    }
-
-    & when (@size = 30) {
-        min-width: 30px;
-        padding-left: 5px - @borderWidth;
-        padding-right: 5px - @borderWidth;
-    }
-
-    & when (@size = 36) {
-        min-width: 36px;
-        padding-left: 6px - @borderWidth;
-        padding-right: 6px - @borderWidth;
-    }
-
-    & when (@size = 42) {
-        min-width: 42px;
-        padding-left: 7px - @borderWidth;
-        padding-right: 7px - @borderWidth;
-    }
-
-    & when (@size = 48) {
-        min-width: 48px;
-        padding-left: 8px - @borderWidth;
-        padding-right: 8px - @borderWidth;
-    }
-
-    & when (@size = 60) {
-        min-width: 60px;
-        padding-left: 10px - @borderWidth;
-        padding-right: 10px - @borderWidth;
-    }
+.control-size(@size, @borderWidth) {
+    & when (@size = 18) {
+        min-width: 18px;
+        padding-left: 3px - @borderWidth;
+        padding-right: 3px - @borderWidth;
+    }
+
+    & when (@size = 24) {
+        min-width: 24px;
+        padding-left: 4px - @borderWidth;
+        padding-right: 4px - @borderWidth;
+    }
+
+    & when (@size = 30) {
+        min-width: 30px;
+        padding-left: 5px - @borderWidth;
+        padding-right: 5px - @borderWidth;
+    }
+
+    & when (@size = 36) {
+        min-width: 36px;
+        padding-left: 6px - @borderWidth;
+        padding-right: 6px - @borderWidth;
+    }
+
+    & when (@size = 42) {
+        min-width: 42px;
+        padding-left: 7px - @borderWidth;
+        padding-right: 7px - @borderWidth;
+    }
+
+    & when (@size = 48) {
+        min-width: 48px;
+        padding-left: 8px - @borderWidth;
+        padding-right: 8px - @borderWidth;
+    }
+
+    & when (@size = 60) {
+        min-width: 60px;
+        padding-left: 10px - @borderWidth;
+        padding-right: 10px - @borderWidth;
+    }
 }