@cypress-design/react-checkbox 1.0.0 → 1.0.1

package/.turbo/turbo-build.log

@@ -1,6 +1,8 @@
 $ yarn build:module && yarn build:types
 $ rollup -c ./rollup.config.mjs
+(node:4175) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(Use `node --trace-warnings ...` to show where the warning was created)
 
 ./index.ts → ./dist/index.umd.js, ./dist/index.es.mjs...
-created ./dist/index.umd.js, ./dist/index.es.mjs in 13.8s
+created ./dist/index.umd.js, ./dist/index.es.mjs in 14.1s
 $ tsc --project ./tsconfig.build.json

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @cypress-design/react-checkbox
 
+## 1.0.1
+
+### Patch Changes
+
+- [#450](https://github.com/cypress-io/cypress-design/pull/450) [`927097f`](https://github.com/cypress-io/cypress-design/commit/927097f409235ac78c98b281c4d9b2ec70dfe01d) Thanks [@elevatebart](https://github.com/elevatebart)! - optim: do not package dependencies
+
+- Updated dependencies [[`927097f`](https://github.com/cypress-io/cypress-design/commit/927097f409235ac78c98b281c4d9b2ec70dfe01d), [`927097f`](https://github.com/cypress-io/cypress-design/commit/927097f409235ac78c98b281c4d9b2ec70dfe01d)]:
+  - @cypress-design/react-icon@1.1.0
+
 ## 1.0.0
 
 ### Major Changes

package/dist/index.es.mjs

@@ -1,52 +1,7 @@
 import clsx from 'clsx';
 import * as React from 'react';
-import * as iconsRegistry from '@cypress-design/icon-registry';
-import { ICON_COLOR_PROP_NAMES } from '@cypress-design/icon-registry';
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-var __assign$1 = function() {
-    __assign$1 = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$1.apply(this, arguments);
-};
-
-function __rest$1(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
+import { IconCheckmarkSmall } from '@cypress-design/react-icon';
+import { Classes, CheckboxColors } from '@cypress-design/constants-checkbox';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -93,93 +48,17 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var compileReactIconProperties = function (_a) {
-    var body = _a.body, defs = _a.defs, compiledClasses = _a.compiledClasses, size = _a.size, name = _a.name, alt = _a.alt, attributes = __rest(_a, ["body", "defs", "compiledClasses", "size", "name", "alt"]);
-    var filteredAttributes = Object.keys(attributes).reduce(function (newAttributes, attrName) {
-        if (!ICON_COLOR_PROP_NAMES.includes(attrName) &&
-            attrName !== 'name') {
-            // @ts-expect-error the ky of React's SVGProps is too broad and
-            // breaks here. Since we do not need to check for it. We keep the expect error
-            newAttributes[attrName] =
-                attributes[attrName];
-        }
-        return newAttributes;
-    }, {});
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useEffect(function () {
-        var iconFileId = "".concat(name, "_").concat(size);
-        if (defs) {
-            if (document.querySelector("[data-cy-svg-defs=\"".concat(iconFileId, "\"]"))) {
-                return;
-            }
-            var svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-            svgElement.setAttribute('data-cy-svg-defs', iconFileId);
-            svgElement.setAttribute('width', '0');
-            svgElement.setAttribute('height', '0');
-            svgElement.innerHTML = defs;
-            document.body.appendChild(svgElement);
-        }
-    }, [defs, name, size]);
-    var componentProps = __assign({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
-            __html: alt
-                ? "<title>".concat(alt.replace(/[><]/g, function (s) {
-                    return s === '>' ? '&gt;' : '&lt;';
-                }), "</title>").concat(body)
-                : body,
-        }, className: undefined }, filteredAttributes);
-    if (attributes.className) {
-        compiledClasses.push(attributes.className);
-    }
-    if (compiledClasses.length) {
-        componentProps.className = compiledClasses.join(' ');
-    }
-    return componentProps;
-};
-
-function useIconProps(props, iconBodiesAndDefs, availableSizes, name) {
-    var interactiveColorsOnGroup = props.interactiveColorsOnGroup, cleanProps = __rest(props, ["interactiveColorsOnGroup"]);
-    var _a = iconsRegistry.getComponentAttributes(__assign(__assign({}, cleanProps), { availableSizes: availableSizes, interactiveColorsOnGroup: interactiveColorsOnGroup })), size = _a.sizeWithDefault, compiledClasses = _a.compiledClasses;
-    var _b = iconBodiesAndDefs[size] || {}, body = _b.body, defs = _b.defs;
-    if (!body) {
-        throw Error("Icon \"".concat(name, "\" is not available in size ").concat(size));
-    }
-    return compileReactIconProperties(__assign(__assign({}, cleanProps), { name: name, size: size, body: body, defs: defs, compiledClasses: compiledClasses }));
-}
-var IconCheckmarkSmall = function (props) { return React.createElement('svg', useIconProps(props, {
-    "16": {
-        "body": "<path d=\"M5 8.5 7.5 11 11 5\" stroke=\"currentColor\" class=\"icon-dark\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
-    }
-}, ["16"], "checkmark-small")); };
-
-
-/* <wind-keep class="filter icon-light-secondary icon-dark-secondary"> */
-
-const Classes = {
-    wrapper: 'relative flex items-center',
-    hiddenInput: 'absolute inset-0 w-0 h-0 opacity-0',
-    labelTag: 'flex items-center',
-    visibleCheckbox: 'border border-solid rounded h-[16px] w-[16px] flex flex-shrink-0 items-center text-white',
-    trueLabel: 'block ml-[8px] text-[16px] leading-[24px] font-light select-none',
-};
-const CheckboxColors = {
-    indigo: 'border-indigo-500 bg-indigo-400',
-    jade: 'border-jade-500 bg-jade-400',
-    red: 'border-red-500 bg-red-400',
-    disabled: 'border-gray-200 bg-gray-100',
-    empty: 'border-gray-200 bg-white',
-};
-
 var uid = function () {
     return String(Date.now().toString(32) + Math.random().toString(16)).replace(/\./g, '');
 };
 var Checkbox = function (_a) {
-    var _b = _a.id, id = _b === void 0 ? uid() : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, onChange = _a.onChange, _d = _a.color, color = _d === void 0 ? 'indigo' : _d, label = _a.label, disabled = _a.disabled, className = _a.className, name = _a.name, rest = __rest$1(_a, ["id", "checked", "onChange", "color", "label", "disabled", "className", "name"]);
+    var _b = _a.id, id = _b === void 0 ? uid() : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, onChange = _a.onChange, _d = _a.color, color = _d === void 0 ? 'indigo' : _d, label = _a.label, disabled = _a.disabled, className = _a.className, name = _a.name, rest = __rest(_a, ["id", "checked", "onChange", "color", "label", "disabled", "className", "name"]);
     var _e = React.useState(checked), localChecked = _e[0], setChecked = _e[1];
     function onChangeInput(event) {
         setChecked(!localChecked);
         onChange(event);
     }
-    return (React.createElement("span", __assign$1({ className: clsx(className, Classes.wrapper) }, rest),
+    return (React.createElement("span", __assign({ className: clsx(className, Classes.wrapper) }, rest),
         React.createElement("input", { id: id, className: Classes.hiddenInput, "aria-describedby": "".concat(id, "-description"), name: name || id, type: "checkbox", onChange: onChangeInput, disabled: disabled, checked: localChecked }),
         React.createElement("label", { className: Classes.labelTag, htmlFor: id },
             localChecked && (
@@ -202,4 +81,4 @@ var Checkbox = function (_a) {
 export { Checkbox as default };
 //# sourceMappingURL=index.es.mjs.map
 
-/* <wind-keep class="absolute text-gray-500 text-gray-800 icon-dark-white relative flex items-center inset-0 w-0 h-0 opacity-0 border border-solid rounded h-[16px] w-[16px] flex-shrink-0 text-white block ml-[8px] text-[16px] leading-[24px] font-light select-none border-indigo-500 bg-indigo-400 border-jade-500 bg-jade-400 border-red-500 bg-red-400 border-gray-200 bg-gray-100 bg-white"> */
+/* <wind-keep class="absolute text-gray-500 text-gray-800 icon-dark-white"> */