npm - @wcardinal/wcardinal-ui - Versions diffs - 0.441.0 → 0.443.0 - Mend

@wcardinal/wcardinal-ui 0.441.0 → 0.443.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (67) hide show

package/dist/wcardinal/ui/theme/white/d-theme-white-table-body-cells.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"d-theme-white-table-body-cells.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/theme/white/d-theme-white-table-body-cells.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE;IAAA;~~IAoFA~~,CAAC;~~IAvEO~~,4CAAkB,GAAzB,UAA0B,KAAoB;QAC7C,IAAI,KAAK,CAAC,UAAU,EAAE;YACrB,IAAI,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;gBACjC,OAAO,KAAK,CAAC,YAAY;oBACxB,CAAC,CAAC,IAAI,CAAC,2BAA2B;oBAClC,CAAC,CAAC,IAAI,CAAC,4BAA4B,CAAC;aACrC;iBAAM;gBACN,OAAO,IAAI,CAAC;aACZ;SACD;aAAM,IAAI,KAAK,CAAC,SAAS,EAAE;YAC3B,OAAO,oBAAoB,CAAC,wBAAwB,CAAC;SACrD;aAAM,IAAI,KAAK,CAAC,WAAW,EAAE;YAC7B,OAAO,oBAAoB,CAAC,0BAA0B,CAAC;SACvD;aAAM,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,EAAE;YAC9C,OAAO,oBAAoB,CAAC,+BAA+B,CAAC;SAC5D;aAAM;YACN,IAAI,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;gBACjC,OAAO,KAAK,CAAC,YAAY;oBACxB,CAAC,CAAC,IAAI,CAAC,2BAA2B;oBAClC,CAAC,CAAC,IAAI,CAAC,4BAA4B,CAAC;aACrC;iBAAM;gBACN,OAAO,IAAI,CAAC;aACZ;SACD;IACF,CAAC;IAEM,4CAAkB,GAAzB,UAA0B,KAAoB;QAC7C,OAAO,CAAC,CAAC;IACV,CAAC;IAEM,wCAAc,GAArB,UAAsB,KAAoB;QACzC,IAAI,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE;YACrC,OAAO,IAAI,CAAC,mBAAmB,CAAC;SAChC;QACD,OAAO,IAAI,CAAC,YAAY,CAAC;IAC1B,CAAC;IAEM,uCAAa,GAApB,UAAqB,KAAoB;QACxC,IAAI,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE;YAC9B,OAAO,WAAW,CAAC,GAAG,CAAC;SACvB;aAAM;YACN,OAAO,WAAW,CAAC,SAAS,CAAC;SAC7B;IACF,CAAC;IAEM,kCAAQ,GAAf,UAAgB,KAAoB;QACnC,OAAO,oBAAoB,CAAC,KAAK,CAAC;IACnC,CAAC;IAEM,kCAAQ,GAAf,UAAgB,KAAoB;QACnC,IAAI,KAAK,CAAC,SAAS,EAAE;~~YACpB~~,OAAO,GAAG,CAAC;~~SACX~~;QACD,OAAO,CAAC,CAAC;IACV,CAAC;IAEM,2CAAiB,GAAxB,UAAyB,KAAoB,EAAE,QAAkB;QAChE,IAAI,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,EAAE;YAC1E,OAAO,oBAAoB,CAAC,oBAAoB,CAAC;SACjD;aAAM;YACN,OAAO,oBAAoB,CAAC,eAAe,CAAC;SAC5C;IACF,CAAC;IAEM,mCAAS,GAAhB;QACC,OAAO,SAAS,CAAC;IAClB,CAAC;IAEM,uCAAa,GAApB;QACC,OAAO,WAAW,CAAC,GAAG,CAAC;IACxB,CAAC;;;~~IAlFyB~~,0CAAgB,GAAG,oBAAoB,CAAC,yBAAyB,AAAjD,CAAkD;IAClE,sDAA4B,GAAG,OAAO,CAAC,MAAM,CACtE,EAAI,CAAC,gBAAgB,EACrB,KAAK,CACL,AAHqD,CAGpD;IACwB,qDAA2B,GAAG,OAAO,CAAC,MAAM,CACrE,EAAI,CAAC,4BAA4B,EACjC,KAAK,CACL,AAHoD,CAGnD;IACwB,sCAAY,GAAG,OAAO,CAAC,MAAM,CAAC,EAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC,AAA/C,CAAgD;IAC5D,6CAAmB,GAAG,OAAO,CAAC,MAAM,CAAC,EAAI,CAAC,YAAY,EAAE,KAAK,CAAC,AAA3C,CAA4C;~~IAyE1F~~,gCAAC;CAAA,~~AApFD~~,~~IAoFC~~;~~SApFY~~,yBAAyB","sourcesContent":["/\n Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DBaseStateSet } from \"../../d-base-state-set\";\nimport { DBorderMask } from \"../../d-border-mask\";\nimport { DCoordinateSize } from \"../../d-coordinate\";\nimport { DCornerMask } from \"../../d-corner-mask\";\nimport { DTableState } from \"../../d-table-state\";\nimport { UtilRgb } from \"../../util/util-rgb\";\nimport { DThemeWhiteConstants } from \"./d-theme-white-constants\";\n\nexport class DThemeWhiteTableBodyCells {\n\tprotected static readonly BACKGROUND_COLOR = DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD;\n\tprotected static readonly BACKGROUND_COLOR_FROZEN_EVEN = UtilRgb.darken(\n\t\tthis.BACKGROUND_COLOR,\n\t\t0.015\n\t);\n\tprotected static readonly BACKGROUND_COLOR_FROZEN_ODD = UtilRgb.darken(\n\t\tthis.BACKGROUND_COLOR_FROZEN_EVEN,\n\t\t0.015\n\t);\n\tprotected static readonly BORDER_COLOR = UtilRgb.darken(this.BACKGROUND_COLOR, 0.035);\n\tprotected static readonly BORDER_COLOR_FROZEN = UtilRgb.darken(this.BORDER_COLOR, 0.035);\n\n\tstatic getBackgroundColor(state: DBaseStateSet): number \| null {\n\t\tif (state.inDisabled) {\n\t\t\tif (state.is(DTableState.FROZEN)) {\n\t\t\t\treturn state.onAlternated\n\t\t\t\t\t? this.BACKGROUND_COLOR_FROZEN_ODD\n\t\t\t\t\t: this.BACKGROUND_COLOR_FROZEN_EVEN;\n\t\t\t} else {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t} else if (state.isInvalid) {\n\t\t\treturn DThemeWhiteConstants.INVALID_BLENDED_ON_BOARD;\n\t\t} else if (state.underActive) {\n\t\t\treturn DThemeWhiteConstants.HIGHLIGHT_BLENDED_ON_BOARD;\n\t\t} else if (state.onHovered \|\| state.isHovered) {\n\t\t\treturn DThemeWhiteConstants.WEAK_HIGHLIGHT_BLENDED_ON_BOARD;\n\t\t} else {\n\t\t\tif (state.is(DTableState.FROZEN)) {\n\t\t\t\treturn state.onAlternated\n\t\t\t\t\t? this.BACKGROUND_COLOR_FROZEN_ODD\n\t\t\t\t\t: this.BACKGROUND_COLOR_FROZEN_EVEN;\n\t\t\t} else {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}\n\t}\n\n\tstatic getBackgroundAlpha(state: DBaseStateSet): number {\n\t\treturn 1;\n\t}\n\n\tstatic getBorderColor(state: DBaseStateSet): number \| null {\n\t\tif (state.is(DTableState.FROZEN_END)) {\n\t\t\treturn this.BORDER_COLOR_FROZEN;\n\t\t}\n\t\treturn this.BORDER_COLOR;\n\t}\n\n\tstatic getBorderMask(state: DBaseStateSet): DBorderMask {\n\t\tif (state.is(DTableState.END)) {\n\t\t\treturn DBorderMask.ALL;\n\t\t} else {\n\t\t\treturn DBorderMask.NOT_RIGHT;\n\t\t}\n\t}\n\n\tstatic getColor(state: DBaseStateSet): number {\n\t\treturn DThemeWhiteConstants.COLOR;\n\t}\n\n\tstatic getAlpha(state: DBaseStateSet): number {\n\t\tif (state.inEnabled) {\n\t\t\treturn 1.0;\n\t\t}\n\t\treturn 0;\n\t}\n\n\tstatic getImageTintColor(state: DBaseStateSet, isActive?: boolean): number \| null {\n\t\tif (state.inDisabled \|\| state.inReadOnly \|\| !(state.isActive \|\| isActive)) {\n\t\t\treturn DThemeWhiteConstants.WEAK_HIGHLIGHT_COLOR;\n\t\t} else {\n\t\t\treturn DThemeWhiteConstants.HIGHLIGHT_COLOR;\n\t\t}\n\t}\n\n\tstatic getHeight(): DCoordinateSize {\n\t\treturn \"padding\";\n\t}\n\n\tstatic getCornerMask(): DCornerMask {\n\t\treturn DCornerMask.ALL;\n\t}\n}\n"]}
1	+ {"version":3,"file":"d-theme-white-table-body-cells.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/theme/white/d-theme-white-table-body-cells.ts"],"names":[],"mappings":"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","sourcesContent":["/\n Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DBaseStateSet } from \"../../d-base-state-set\";\nimport { DBorderMask } from \"../../d-border-mask\";\nimport { DCoordinateSize } from \"../../d-coordinate\";\nimport { DCornerMask } from \"../../d-corner-mask\";\nimport { DTableState } from \"../../d-table-state\";\nimport { UtilRgb } from \"../../util/util-rgb\";\nimport { DThemeWhiteConstants } from \"./d-theme-white-constants\";\n\nexport class DThemeWhiteTableBodyCells {\n\tprotected static readonly BACKGROUND_COLOR = DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD;\n\tprotected static readonly BACKGROUND_COLOR_FROZEN_EVEN = UtilRgb.darken(\n\t\tthis.BACKGROUND_COLOR,\n\t\t0.015\n\t);\n\tprotected static readonly BACKGROUND_COLOR_FROZEN_ODD = UtilRgb.darken(\n\t\tthis.BACKGROUND_COLOR_FROZEN_EVEN,\n\t\t0.015\n\t);\n\tprotected static readonly BORDER_COLOR = UtilRgb.darken(this.BACKGROUND_COLOR, 0.035);\n\tprotected static readonly BORDER_COLOR_FROZEN = UtilRgb.darken(this.BORDER_COLOR, 0.035);\n\n\tstatic getBackgroundColor(state: DBaseStateSet): number \| null {\n\t\tif (state.inDisabled) {\n\t\t\tif (state.is(DTableState.FROZEN)) {\n\t\t\t\treturn state.onAlternated\n\t\t\t\t\t? this.BACKGROUND_COLOR_FROZEN_ODD\n\t\t\t\t\t: this.BACKGROUND_COLOR_FROZEN_EVEN;\n\t\t\t} else {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t} else if (state.isInvalid) {\n\t\t\treturn DThemeWhiteConstants.INVALID_BLENDED_ON_BOARD;\n\t\t} else if (state.underActive) {\n\t\t\treturn DThemeWhiteConstants.HIGHLIGHT_BLENDED_ON_BOARD;\n\t\t} else if (state.onHovered \|\| state.isHovered) {\n\t\t\treturn DThemeWhiteConstants.WEAK_HIGHLIGHT_BLENDED_ON_BOARD;\n\t\t} else {\n\t\t\tif (state.is(DTableState.FROZEN)) {\n\t\t\t\treturn state.onAlternated\n\t\t\t\t\t? this.BACKGROUND_COLOR_FROZEN_ODD\n\t\t\t\t\t: this.BACKGROUND_COLOR_FROZEN_EVEN;\n\t\t\t} else {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}\n\t}\n\n\tstatic getBackgroundAlpha(state: DBaseStateSet): number {\n\t\treturn 1;\n\t}\n\n\tstatic getBorderColor(state: DBaseStateSet): number \| null {\n\t\tif (state.is(DTableState.FROZEN_END)) {\n\t\t\treturn this.BORDER_COLOR_FROZEN;\n\t\t}\n\t\treturn this.BORDER_COLOR;\n\t}\n\n\tstatic getBorderMask(state: DBaseStateSet): DBorderMask {\n\t\tif (state.is(DTableState.END)) {\n\t\t\treturn DBorderMask.ALL;\n\t\t} else {\n\t\t\treturn DBorderMask.NOT_RIGHT;\n\t\t}\n\t}\n\n\tstatic getColor(state: DBaseStateSet): number {\n\t\treturn DThemeWhiteConstants.COLOR;\n\t}\n\n\tstatic getAlpha(state: DBaseStateSet): number {\n\t\tif (state.in(DTableState.HAS_DATA)) {\n\t\t\tif (state.inEnabled) {\n\t\t\t\treturn 1.0;\n\t\t\t} else {\n\t\t\t\treturn 0.5;\n\t\t\t}\n\t\t}\n\t\treturn 0;\n\t}\n\n\tstatic getImageTintColor(state: DBaseStateSet, isActive?: boolean): number \| null {\n\t\tif (state.inDisabled \|\| state.inReadOnly \|\| !(state.isActive \|\| isActive)) {\n\t\t\treturn DThemeWhiteConstants.WEAK_HIGHLIGHT_COLOR;\n\t\t} else {\n\t\t\treturn DThemeWhiteConstants.HIGHLIGHT_COLOR;\n\t\t}\n\t}\n\n\tstatic getHeight(): DCoordinateSize {\n\t\treturn \"padding\";\n\t}\n\n\tstatic getCornerMask(): DCornerMask {\n\t\treturn DCornerMask.ALL;\n\t}\n}\n"]}

package/dist/wcardinal/ui/theme/white/new-white-svg-rounded-checkerboard.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { newSvgRoundedCheckerboard } from "../common/new-svg-rounded-checkerboard";
+export var newWhiteSvgRoundedCheckerboard = function (width, height, stroke, strokeWidth, strokeOpacity) {
+    return newSvgRoundedCheckerboard(width, height, "#bfbfbf", "#a5a5a5", stroke, strokeWidth, strokeOpacity);
+};
+//# sourceMappingURL=new-white-svg-rounded-checkerboard.js.map

package/dist/wcardinal/ui/theme/white/new-white-svg-rounded-checkerboard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"new-white-svg-rounded-checkerboard.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/theme/white/new-white-svg-rounded-checkerboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AAEnF,MAAM,CAAC,IAAM,8BAA8B,GAAG,UAC7C,KAAa,EACb,MAAc,EACd,MAAe,EACf,WAAoB,EACpB,aAAsB;IAEtB,OAAO,yBAAyB,CAC/B,KAAK,EACL,MAAM,EACN,SAAS,EACT,SAAS,EACT,MAAM,EACN,WAAW,EACX,aAAa,CACb,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { newSvgRoundedCheckerboard } from \"../common/new-svg-rounded-checkerboard\";\n\nexport const newWhiteSvgRoundedCheckerboard = (\n\twidth: number,\n\theight: number,\n\tstroke?: string,\n\tstrokeWidth?: number,\n\tstrokeOpacity?: number\n): string => {\n\treturn newSvgRoundedCheckerboard(\n\t\twidth,\n\t\theight,\n\t\t\"#bfbfbf\",\n\t\t\"#a5a5a5\",\n\t\tstroke,\n\t\tstrokeWidth,\n\t\tstrokeOpacity\n\t);\n};\n"]}

package/dist/wcardinal-ui-theme-dark-en-us.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.441.0
+ Winter Cardinal UI v0.443.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
@@ -6016,16 +6016,27 @@
         DThemes.setDefaultThemeClass(DThemeDark);
     };
+    var newSvgRoundedRect = function (x, y, width, height, fill, stroke, strokeWidth, strokeOpacity) {
+        var sw = strokeWidth !== null && strokeWidth !== void 0 ? strokeWidth : 0;
+        var o = sw * 0.5;
+        var r = Math.max(0, 3 - o);
+        var w = width - sw - r - r;
+        var h = height - sw - r - r;
+        x += o + r;
+        y += o;
+        return ("<path d=\"M".concat(x, ",").concat(y, " h").concat(w, " a").concat(r, ",").concat(r, " 0 0 1 ").concat(r, ",").concat(r, " v").concat(h, " a").concat(r, ",").concat(r, " 0 0 1 -").concat(r, ",").concat(r, " h-").concat(w, " a").concat(r, ",").concat(r, " 0 0 1 -").concat(r, ",-").concat(r, " v-").concat(h, " a").concat(r, ",").concat(r, " 0 0 1 ").concat(r, ",-").concat(r, "z\" fill=\"").concat(fill, "\"") +
+            (stroke ? " stroke=\"".concat(stroke, "\"") : "") +
+            (strokeWidth != null ? " stroke-width=\"".concat(strokeWidth, "\"") : "") +
+            (strokeOpacity != null ? " stroke-opacity=\"".concat(strokeOpacity, "\"") : "") +
+            " />");
+    };
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    // Material Design icons by Google.
-    // Apache license version 2.0.
     /* eslint-disable prettier/prettier */
-    DThemeDarkAtlas.add("button_color_sample", 21, 21, "<g transform=\"scale(0.875,0.875)\">" +
-        "<path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\" fill=\"#fff\"/>" +
-        "</g>");
+    DThemeDarkAtlas.add("button_color_sample", 21, 21, newSvgRoundedRect(3, 3, 15, 15, "#fff", "#eee", 1));
     /* eslint-enable prettier/prettier */
     var formatter$8 = function (colorAndAlpha) {
         return "#".concat(UtilRgb.toCode(colorAndAlpha.color), " A").concat(colorAndAlpha.alpha.toFixed(2));
@@ -6036,7 +6047,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         DThemeDarkButtonColor.prototype.getImageTintColor = function (state) {
-            return null;
+            return 0xffffff;
         };
         DThemeDarkButtonColor.prototype.getImageSource = function (state) {
             return DThemeDarkAtlas.mappings.button_color_sample;
@@ -6067,25 +6078,35 @@
     const DColorType = wcardinal.ui.DColorType;
+    var isPatternInjected = false;
+    var newSvgRoundedCheckerboard = function (width, height, color1, color2, stroke, strokeWidth, strokeOpacity) {
+        var result = "";
+        if (!isPatternInjected) {
+            isPatternInjected = true;
+            result =
+                "<defs>" +
+                    "<pattern id=\"rounded-checkerboard-pattern\" patternUnits=\"userSpaceOnUse\" width=\"18\" height=\"18\">" +
+                    "<rect x=\"0\" y=\"0\" width=\"9\" height=\"9\" fill=\"".concat(color1, "\" />") +
+                    "<rect x=\"9\" y=\"0\" width=\"9\" height=\"9\" fill=\"".concat(color2, "\" />") +
+                    "<rect x=\"0\" y=\"9\" width=\"9\" height=\"9\" fill=\"".concat(color2, "\" />") +
+                    "<rect x=\"9\" y=\"9\" width=\"9\" height=\"9\" fill=\"".concat(color1, "\" />") +
+                    "</pattern>" +
+                    "</defs>";
+        }
+        result += newSvgRoundedRect(0, 0, width, height, "url(#rounded-checkerboard-pattern)", stroke, strokeWidth, strokeOpacity);
+        return result;
+    };
+    var newDarkSvgRoundedCheckerboard = function (width, height, stroke, strokeWidth, strokeOpacity) {
+        return newSvgRoundedCheckerboard(width, height, "#5f5f5f", "#454545", stroke, strokeWidth, strokeOpacity);
+    };
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var makeCheckerboard = function (width, height) {
-        var LIGHT = "#5f5f5f";
-        var DARK = "#454545";
-        var result = "<g>";
-        for (var ih = 0; ih < height; ++ih) {
-            for (var iw = 0; iw < width; ++iw) {
-                var color = (iw + ih) % 2 === 0 ? LIGHT : DARK;
-                result += "<rect x=\"".concat(9 * iw, "\" y=\"").concat(9 * ih, "\" width=\"9\" height=\"9\" fill=\"").concat(color, "\" />");
-            }
-        }
-        result += "</g>";
-        return result;
-    };
     /* eslint-disable prettier/prettier */
-    DThemeDarkAtlas.add("picker_color_main", 236, 164, "<g>" +
+    DThemeDarkAtlas.add("picker_color_main", 234, 162, "<g>" +
         "<linearGradient id=\"fs7w3iusfdnb\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">" +
         "<stop stop-color=\"#FFFFFF\" stop-opacity=\"0\" offset=\"0\"/>" +
         "<stop stop-color=\"#FFFFFF\" stop-opacity=\"1\" offset=\"1\"/>" +
@@ -6094,13 +6115,11 @@
         "<stop stop-color=\"#000000\" stop-opacity=\"0\" offset=\"0\"/>" +
         "<stop stop-color=\"#000000\" stop-opacity=\"1\" offset=\"1\"/>" +
         "</linearGradient>" +
-        "<rect x=\"0\" y=\"0\" width=\"236\" height=\"164\" fill=\"url(#fs7w3iusfdnb)\" />" +
-        "<rect x=\"0\" y=\"0\" width=\"236\" height=\"164\" fill=\"url(#2rfcfe9874bw)\" />" +
-        "</g>", 1, 1, 234, 162);
-    DThemeDarkAtlas.add("picker_color_main_base", 236, 164, "<g>" +
-        "<rect x=\"0\" y=\"0\" width=\"236\" height=\"164\" fill=\"#fff\" />" +
-        "</g>", 1, 1, 234, 162);
-    DThemeDarkAtlas.add("picker_color_alpha_checkerboard", 234, 18, makeCheckerboard(26, 2));
+        newSvgRoundedRect(0, 0, 234, 162, "url(#fs7w3iusfdnb)") +
+        newSvgRoundedRect(0, 0, 234, 162, "url(#2rfcfe9874bw)") +
+        "</g>");
+    DThemeDarkAtlas.add("picker_color_main_base", 234, 162, "<rect x=\"0\" y=\"0\" width=\"236\" height=\"164\" fill=\"#fff\" />");
+    DThemeDarkAtlas.add("picker_color_alpha_checkerboard", 234, 18, newDarkSvgRoundedCheckerboard(234, 18));
     DThemeDarkAtlas.add("picker_color_alpha", 234, 18, "<g>" +
         "<linearGradient id=\"s48afbuh44\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">" +
         "<stop stop-color=\"#FFFFFF\" stop-opacity=\"0\" offset=\"0\"/>" +
@@ -6118,20 +6137,15 @@
         "<stop stop-color=\"#FF00FF\" offset=\"0.833\"/>" +
         "<stop stop-color=\"#FF0000\" offset=\"1\"/>" +
         "</linearGradient>" +
-        "<rect x=\"0\" y=\"0\" width=\"234\" height=\"18\" fill=\"url(#ni2rbisdf3)\" />" +
+        newSvgRoundedRect(0, 0, 234, 18, "url(#ni2rbisdf3)") +
         "</g>");
     DThemeDarkAtlas.add("picker_color_base_pointer", 16.2, 31.8, "<rect x=\"4.5\" y=\"4.5\" width=\"7.2\" height=\"22.8\" stroke=\"#ffffff\" stroke-width=\"2.4\" fill=\"none\" />");
     DThemeDarkAtlas.add("picker_color_pointer", 25.8, 25.8, "<circle cx=\"12.9\" cy=\"12.9\" r=\"4.8\" stroke=\"#5f5f5f\" stroke-width=\"2.4\" fill=\"none\" />" +
         "<circle cx=\"12.9\" cy=\"12.9\" r=\"7.2\" stroke=\"#ffffff\" stroke-width=\"2.4\" fill=\"none\" />");
-    DThemeDarkAtlas.add("picker_color_recent_checkerboard", 36, 36, makeCheckerboard(4, 4), 9, 9, 18, 18);
-    DThemeDarkAtlas.add("picker_color_recent", 36, 36, "<g>" +
-        "<rect x=\"0\" y=\"0\" width=\"36\" height=\"36\" fill=\"#fff\" />" +
-        "<path x=\"0\" y=\"0\" d=\"M9 9 h18 v18 h-18 v-18 m1 1 v16 h16 v-16 h-16 z\" fill=\"#eee\" />" +
-        "</g>", 9, 9, 18, 18);
-    DThemeDarkAtlas.add("picker_color_sample_checkerboard", 45, 63, makeCheckerboard(5, 7));
-    DThemeDarkAtlas.add("picker_color_sample", 47, 65, "<g>" +
-        "<rect x=\"0\" y=\"0\" width=\"47\" height=\"65\" fill=\"#fff\" />" +
-        "</g>", 1, 1, 45, 63);
+    DThemeDarkAtlas.add("picker_color_recent_checkerboard", 18, 18, newDarkSvgRoundedCheckerboard(18, 18));
+    DThemeDarkAtlas.add("picker_color_recent", 18, 18, newSvgRoundedRect(0, 0, 18, 18, "#fff", "#eee", 1));
+    DThemeDarkAtlas.add("picker_color_sample_checkerboard", 42, 66, newDarkSvgRoundedCheckerboard(42, 66, "#fff", 1, 0));
+    DThemeDarkAtlas.add("picker_color_sample", 42, 66, newSvgRoundedRect(0, 0, 42, 66, "#fff", "#eee", 1));
     DThemeDarkAtlas.add("picker_color_anchor_outlined", 25.8, 25.8, "<circle cx=\"12.9\" cy=\"12.9\" r=\"8.4\" stroke=\"none\" fill=\"#ffffff\" />" +
         "<circle cx=\"12.9\" cy=\"12.9\" r=\"9.6\" stroke=\"#5f5f5f\" stroke-width=\"2.4\" fill=\"none\" />");
     DThemeDarkAtlas.add("picker_color_anchor", 28.2, 28.2, "<circle cx=\"14.1\" cy=\"14.1\" r=\"6\" stroke=\"none\" fill=\"#ffffff\" />" +
@@ -6139,9 +6153,7 @@
     DThemeDarkAtlas.add("picker_color_direction", 12, 30, "<path d=\"M0.6 25.8 L 12.0375 5.9895\" stroke=\"#5f5f5f\" stroke-width=\"1.2\" fill=\"none\" />" +
         "<path d=\"M8.5125 25.8 A 8.475 8.475 0 0 0 4.275 18.4605\" stroke=\"#5f5f5f\" stroke-width=\"1.2\" fill=\"none\" />" +
         "<rect x=\"0.6\" y=\"24.6\" width=\"11.4375\" height=\"1.2\" rx=\"0.6\" ry=\"0.6\" stroke=\"none\" fill=\"#5f5f5f\" />");
-    DThemeDarkAtlas.add("picker_color_standard", 18, 18, "<g>" +
-        "<rect x=\"0\" y=\"0\" width=\"18\" height=\"18\" fill=\"#fff\" stroke-width=\"1\" stroke=\"#eee\" />" +
-        "</g>");
+    DThemeDarkAtlas.add("picker_color_standard", 18, 18, newSvgRoundedRect(0, 0, 18, 18, "#fff", "#eee", 1));
     /* eslint-enable prettier/prettier */
     var DThemeDarkPickerColor = /** @class */ (function (_super) {
         __extends(DThemeDarkPickerColor, _super);
@@ -6233,7 +6245,16 @@
             return this.getBaseMargin();
         };
         DThemeDarkPickerColor.prototype.getInputLabelWidth = function () {
-            return 15;
+            return 18;
+        };
+        DThemeDarkPickerColor.prototype.getSampleWidth = function () {
+            return 42;
+        };
+        DThemeDarkPickerColor.prototype.getSampleHeight = function () {
+            return 66;
+        };
+        DThemeDarkPickerColor.prototype.getSampleMargin = function () {
+            return this.getBaseMargin();
         };
         DThemeDarkPickerColor.prototype.getSampleCheckerboardOldTexture = function () {
             return DThemeDarkAtlas.mappings.picker_color_sample_checkerboard;
@@ -6330,12 +6351,8 @@
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    // Material Design icons by Google.
-    // Apache license version 2.0.
     /* eslint-disable prettier/prettier */
-    DThemeDarkAtlas.add("button_color_gradient_sample", 21, 21, "<g transform=\"scale(0.875,0.875)\">" +
-        "<path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\" fill=\"#fff\"/>" +
-        "</g>");
+    DThemeDarkAtlas.add("button_color_gradient_sample", 21, 21, newSvgRoundedRect(3, 3, 15, 15, "#fff", "#eee", 1));
     /* eslint-enable prettier/prettier */
     var formatter$7 = function () {
         return "";
@@ -8430,8 +8447,13 @@
             return DThemeDarkConstants.COLOR;
         };
         DThemeDarkTableBodyCells.getAlpha = function (state) {
-            if (state.inEnabled) {
-                return 1.0;
+            if (state.in(DTableState.HAS_DATA)) {
+                if (state.inEnabled) {
+                    return 1.0;
+                }
+                else {
+                    return 0.5;
+                }
             }
             return 0;
         };