@twilio-paste/base-radio-checkbox - npm Package Compare versions

Comparing version 7.0.0 to 7.0.1

CHANGELOG.md

 # Change Log
 
+## 7.0.1
+
+### Patch Changes
+
+- [`c867e3f48`](https://github.com/twilio-labs/paste/commit/c867e3f48d739409d1f54fa18c4d2bee1d9242cf) [#2237](https://github.com/twilio-labs/paste/pull/2237) Thanks [@SiTaggart](https://github.com/SiTaggart)! - Updated a build dependency (esbuild) which changes the output of our builds slightly, without materially changing anything about the code.
+
+* [`563a76ba3`](https://github.com/twilio-labs/paste/commit/563a76ba31d60ee43c1e57907c83c502dc1ba5a7) [#2249](https://github.com/twilio-labs/paste/pull/2249) Thanks [@nkrantz](https://github.com/nkrantz)! - [checkbox]
+
+  - Update the check icon to inherit color from `BaseRadioCheckbox`
+  - Update selectAll background color to default to `colorBackground`, and use `colorBackgroundPrimaryWeakest` when checked and not disabled or indeterminate and not disabled
+  - Update default color to `colorTextWeakest`
+  - Update hover text color to `colorTextWeakest` and border color to `colorBorderPrimaryStronger`
+  - Update focus text color to `colorTextWeakest` and border color to `colorBorderPrimaryStronger`
+  - Update active text color to `colorTextWeakest`
+  - Update checked text color to `colorTextInverse`
+  - Update invalid and hover border color to `colorBorderErrorStronger`
+  - Update checked and hover text color to `colorTextWeakest` and background color to `colorBackgroundPrimaryStronger`
+  - Update checked and focus text color to `colorTextWeakest` and background color to `colorBackgroundPrimaryStronger`
+  - Update checked and disabled text color to `colorTextWeakest`
+  - Update checked and invalid text color to `colorTextInverse`
+  - Update checked and invalid and hover background color to `colorBackgroundErrorStronger` and border color to `colorBorderErrorStronger`
+
 ## 7.0.0
@@ -4,0 +26,0 @@

dist/index.debug.es.js

@@ -0,6 +1,23 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __assign = Object.assign;
-var __rest = (source, exclude) => {
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
   var target = {};
@@ -17,21 +34,82 @@ for (var prop in source)
 };
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module, copyDefault, desc) => {
+  if (module && typeof module === "object" || typeof module === "function") {
+    for (let key of __getOwnPropNames(module))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module[key], enumerable: !(desc = __getOwnPropDesc(module, key)) || desc.enumerable });
+  }
+  return target;
+};
 
+// esm-externals:react
+var react_exports = {};
+__export(react_exports, {
+  default: () => default2
+});
+__reExport(react_exports, react_star);
+import * as default2 from "react";
+import * as react_star from "react";
+
+// esm-externals:prop-types
+var prop_types_exports = {};
+__export(prop_types_exports, {
+  default: () => default3
+});
+__reExport(prop_types_exports, prop_types_star);
+import * as default3 from "prop-types";
+import * as prop_types_star from "prop-types";
+
+// esm-externals:@twilio-paste/box
+var box_exports = {};
+__export(box_exports, {
+  default: () => default4
+});
+__reExport(box_exports, box_star);
+import * as default4 from "@twilio-paste/box";
+import * as box_star from "@twilio-paste/box";
+
+// esm-externals:@twilio-paste/text
+var text_exports = {};
+__export(text_exports, {
+  default: () => default5
+});
+__reExport(text_exports, text_star);
+import * as default5 from "@twilio-paste/text";
+import * as text_star from "@twilio-paste/text";
+
+// esm-externals:@twilio-paste/sibling-box
+var sibling_box_exports = {};
+__export(sibling_box_exports, {
+  default: () => default6
+});
+__reExport(sibling_box_exports, sibling_box_star);
+import * as default6 from "@twilio-paste/sibling-box";
+import * as sibling_box_star from "@twilio-paste/sibling-box";
+
+// esm-externals:@twilio-paste/label
+var label_exports = {};
+__export(label_exports, {
+  default: () => default7
+});
+__reExport(label_exports, label_star);
+import * as default7 from "@twilio-paste/label";
+import * as label_star from "@twilio-paste/label";
+
+// esm-externals:@twilio-paste/help-text
+var help_text_exports = {};
+__export(help_text_exports, {
+  default: () => default8
+});
+__reExport(help_text_exports, help_text_star);
+import * as default8 from "@twilio-paste/help-text";
+import * as help_text_star from "@twilio-paste/help-text";
+
 // src/BaseRadioCheckbox.tsx
-import {
-  createElement,
-  forwardRef
-} from "react";
-import {
-  bool,
-  node,
-  string
-} from "prop-types";
-import {Box} from "@twilio-paste/box";
-import {Text} from "@twilio-paste/text";
-import {SiblingBox} from "@twilio-paste/sibling-box";
-import {Label} from "@twilio-paste/label";
-import {HelpText} from "@twilio-paste/help-text";
-var BaseRadioCheckboxControl = forwardRef((_a, ref) => {
-  var {children, disabled, element = "BASE_RADIO_CHECKBOX_CONTROL"} = _a, props = __rest(_a, ["children", "disabled", "element"]);
-  return /* @__PURE__ */ createElement(SiblingBox, __assign({
+var BaseRadioCheckboxControl = react_exports.forwardRef((_a, ref) => {
+  var _b = _a, { children, disabled, element = "BASE_RADIO_CHECKBOX_CONTROL" } = _b, props = __objRest(_b, ["children", "disabled", "element"]);
+  return /* @__PURE__ */ react_exports.createElement(sibling_box_exports.SiblingBox, __spreadValues({
     as: "span",
@@ -49,16 +127,21 @@ ref,
     width: "sizeSquare50",
+    color: "colorTextWeakest",
     _hoverSibling: {
-      borderColor: "colorBorderPrimaryStrong"
+      borderColor: "colorBorderPrimaryStronger",
+      color: "colorTextWeakest"
     },
     _focusSibling: {
-      borderColor: "colorBorderPrimaryStrong",
-      boxShadow: "shadowFocus"
+      borderColor: "colorBorderPrimaryStronger",
+      boxShadow: "shadowFocus",
+      color: "colorTextWeakest"
     },
     _activeSibling: !disabled ? {
       borderColor: "colorBorderPrimaryStronger",
-      backgroundColor: "colorBackgroundPrimaryStronger"
+      backgroundColor: "colorBackgroundPrimaryStronger",
+      color: "colorTextWeakest"
     } : void 0,
     _checkedSibling: {
       borderColor: "colorBorderPrimary",
-      backgroundColor: "colorBackgroundPrimary"
+      backgroundColor: "colorBackgroundPrimary",
+      color: "colorTextInverse"
     },
@@ -72,11 +155,13 @@ _disabledSibling: {
     _invalidAndHoverSibling: {
-      borderColor: "colorBorderErrorStrong"
+      borderColor: "colorBorderErrorStronger"
     },
     _checkedAndHoverSibling: {
       borderColor: "colorBorderPrimaryStronger",
-      backgroundColor: "colorBackgroundPrimaryStrong"
+      backgroundColor: "colorBackgroundPrimaryStronger",
+      color: "colorTextWeakest"
     },
     _checkedAndFocusSibling: {
       borderColor: "colorBorderPrimaryStronger",
-      backgroundColor: "colorBackgroundPrimaryStrong"
+      backgroundColor: "colorBackgroundPrimaryStronger",
+      color: "colorTextWeakest"
     },
@@ -89,11 +174,13 @@ _checkedAndActiveSibling: !disabled ? {
       borderColor: "colorBorderWeaker",
-      backgroundColor: "colorBackgroundStrong"
+      backgroundColor: "colorBackgroundStrong",
+      color: "colorTextWeakest"
     },
     _checkedAndInvalidSibling: {
       borderColor: "colorBorderError",
-      backgroundColor: "colorBackgroundError"
+      backgroundColor: "colorBackgroundError",
+      color: "colorTextInverse"
     },
     _checkedAndInvalidAndHoverSibling: {
-      borderColor: "colorBorderErrorStrong",
-      backgroundColor: "colorBackgroundErrorStrong"
+      borderColor: "colorBorderErrorStronger",
+      backgroundColor: "colorBackgroundErrorStronger"
     }
@@ -104,11 +191,11 @@ }, props), children);
 BaseRadioCheckboxControl.propTypes = {
-  children: node.isRequired,
-  disabled: bool
+  children: prop_types_exports.node.isRequired,
+  disabled: prop_types_exports.bool
 };
-var BaseRadioCheckboxLabel = forwardRef((_a, ref) => {
-  var {children} = _a, props = __rest(_a, ["children"]);
-  return /* @__PURE__ */ createElement(Label, __assign(__assign({}, props), {
+var BaseRadioCheckboxLabel = react_exports.forwardRef((_a, ref) => {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ react_exports.createElement(label_exports.Label, __spreadProps(__spreadValues({}, props), {
     marginBottom: "space0",
     ref
-  }), /* @__PURE__ */ createElement(Box, {
+  }), /* @__PURE__ */ react_exports.createElement(box_exports.Box, {
     as: "span",
@@ -120,7 +207,7 @@ display: "flex"
 BaseRadioCheckboxLabel.propTypes = {
-  children: node.isRequired
+  children: prop_types_exports.node.isRequired
 };
-var BaseRadioCheckboxLabelText = forwardRef((_a, ref) => {
-  var {children, element = "BASE_RADIO_CHECKBOX_LABEL_TEXT"} = _a, props = __rest(_a, ["children", "element"]);
-  return /* @__PURE__ */ createElement(Text, __assign({
+var BaseRadioCheckboxLabelText = react_exports.forwardRef((_a, ref) => {
+  var _b = _a, { children, element = "BASE_RADIO_CHECKBOX_LABEL_TEXT" } = _b, props = __objRest(_b, ["children", "element"]);
+  return /* @__PURE__ */ react_exports.createElement(text_exports.Text, __spreadValues({
     as: "span",
@@ -136,7 +223,7 @@ color: "currentColor",
 BaseRadioCheckboxLabelText.propTypes = {
-  children: node.isRequired,
-  element: string
+  children: prop_types_exports.node.isRequired,
+  element: prop_types_exports.string
 };
-var BaseRadioCheckboxHelpText = forwardRef(({children, helpTextId, element = "BASE_RADIO_CHECKBOX_HELP_TEXT_WRAPPER"}, ref) => {
-  return /* @__PURE__ */ createElement(Box, {
+var BaseRadioCheckboxHelpText = react_exports.forwardRef(({ children, helpTextId, element = "BASE_RADIO_CHECKBOX_HELP_TEXT_WRAPPER" }, ref) => {
+  return /* @__PURE__ */ react_exports.createElement(box_exports.Box, {
     as: "span",
@@ -147,3 +234,3 @@ display: "block",
     ref
-  }, /* @__PURE__ */ createElement(HelpText, {
+  }, /* @__PURE__ */ react_exports.createElement(help_text_exports.HelpText, {
     id: helpTextId,
@@ -155,5 +242,5 @@ marginTop: "space0"
 BaseRadioCheckboxHelpText.propTypes = {
-  children: node.isRequired,
-  helpTextId: string.isRequired,
-  element: string
+  children: prop_types_exports.node.isRequired,
+  helpTextId: prop_types_exports.string.isRequired,
+  element: prop_types_exports.string
 };
@@ -160,0 +247,0 @@ export {

dist/index.debug.js

 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __assign = Object.assign;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
-var __rest = (source, exclude) => {
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
   var target = {};
@@ -24,23 +38,25 @@ for (var prop in source)
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __exportStar = (target, module2, desc) => {
-  __markAsModule(target);
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  if (module2 && module2.__esModule)
-    return module2;
-  return __exportStar(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", {value: module2, enumerable: true}), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 
 // src/index.tsx
-__export(exports, {
+var src_exports = {};
+__export(src_exports, {
   BaseRadioCheckboxControl: () => BaseRadioCheckboxControl,
@@ -53,12 +69,12 @@ BaseRadioCheckboxHelpText: () => BaseRadioCheckboxHelpText,
 // src/BaseRadioCheckbox.tsx
-var React = __toModule(require("react"));
-var PropTypes = __toModule(require("prop-types"));
-var import_box = __toModule(require("@twilio-paste/box"));
-var import_text = __toModule(require("@twilio-paste/text"));
-var import_sibling_box = __toModule(require("@twilio-paste/sibling-box"));
-var import_label = __toModule(require("@twilio-paste/label"));
-var import_help_text = __toModule(require("@twilio-paste/help-text"));
+var React = __toESM(require("react"));
+var PropTypes = __toESM(require("prop-types"));
+var import_box = require("@twilio-paste/box");
+var import_text = require("@twilio-paste/text");
+var import_sibling_box = require("@twilio-paste/sibling-box");
+var import_label = require("@twilio-paste/label");
+var import_help_text = require("@twilio-paste/help-text");
 var BaseRadioCheckboxControl = React.forwardRef((_a, ref) => {
-  var {children, disabled, element = "BASE_RADIO_CHECKBOX_CONTROL"} = _a, props = __rest(_a, ["children", "disabled", "element"]);
-  return /* @__PURE__ */ React.createElement(import_sibling_box.SiblingBox, __assign({
+  var _b = _a, { children, disabled, element = "BASE_RADIO_CHECKBOX_CONTROL" } = _b, props = __objRest(_b, ["children", "disabled", "element"]);
+  return /* @__PURE__ */ React.createElement(import_sibling_box.SiblingBox, __spreadValues({
     as: "span",
@@ -76,16 +92,21 @@ ref,
     width: "sizeSquare50",
+    color: "colorTextWeakest",
     _hoverSibling: {
-      borderColor: "colorBorderPrimaryStrong"
+      borderColor: "colorBorderPrimaryStronger",
+      color: "colorTextWeakest"
     },
     _focusSibling: {
-      borderColor: "colorBorderPrimaryStrong",
-      boxShadow: "shadowFocus"
+      borderColor: "colorBorderPrimaryStronger",
+      boxShadow: "shadowFocus",
+      color: "colorTextWeakest"
     },
     _activeSibling: !disabled ? {
       borderColor: "colorBorderPrimaryStronger",
-      backgroundColor: "colorBackgroundPrimaryStronger"
+      backgroundColor: "colorBackgroundPrimaryStronger",
+      color: "colorTextWeakest"
     } : void 0,
     _checkedSibling: {
       borderColor: "colorBorderPrimary",
-      backgroundColor: "colorBackgroundPrimary"
+      backgroundColor: "colorBackgroundPrimary",
+      color: "colorTextInverse"
     },
@@ -99,11 +120,13 @@ _disabledSibling: {
     _invalidAndHoverSibling: {
-      borderColor: "colorBorderErrorStrong"
+      borderColor: "colorBorderErrorStronger"
     },
     _checkedAndHoverSibling: {
       borderColor: "colorBorderPrimaryStronger",
-      backgroundColor: "colorBackgroundPrimaryStrong"
+      backgroundColor: "colorBackgroundPrimaryStronger",
+      color: "colorTextWeakest"
     },
     _checkedAndFocusSibling: {
       borderColor: "colorBorderPrimaryStronger",
-      backgroundColor: "colorBackgroundPrimaryStrong"
+      backgroundColor: "colorBackgroundPrimaryStronger",
+      color: "colorTextWeakest"
     },
@@ -116,11 +139,13 @@ _checkedAndActiveSibling: !disabled ? {
       borderColor: "colorBorderWeaker",
-      backgroundColor: "colorBackgroundStrong"
+      backgroundColor: "colorBackgroundStrong",
+      color: "colorTextWeakest"
     },
     _checkedAndInvalidSibling: {
       borderColor: "colorBorderError",
-      backgroundColor: "colorBackgroundError"
+      backgroundColor: "colorBackgroundError",
+      color: "colorTextInverse"
     },
     _checkedAndInvalidAndHoverSibling: {
-      borderColor: "colorBorderErrorStrong",
-      backgroundColor: "colorBackgroundErrorStrong"
+      borderColor: "colorBorderErrorStronger",
+      backgroundColor: "colorBackgroundErrorStronger"
     }
@@ -135,4 +160,4 @@ }, props), children);
 var BaseRadioCheckboxLabel = React.forwardRef((_a, ref) => {
-  var {children} = _a, props = __rest(_a, ["children"]);
-  return /* @__PURE__ */ React.createElement(import_label.Label, __assign(__assign({}, props), {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ React.createElement(import_label.Label, __spreadProps(__spreadValues({}, props), {
     marginBottom: "space0",
@@ -150,4 +175,4 @@ ref
 var BaseRadioCheckboxLabelText = React.forwardRef((_a, ref) => {
-  var {children, element = "BASE_RADIO_CHECKBOX_LABEL_TEXT"} = _a, props = __rest(_a, ["children", "element"]);
-  return /* @__PURE__ */ React.createElement(import_text.Text, __assign({
+  var _b = _a, { children, element = "BASE_RADIO_CHECKBOX_LABEL_TEXT" } = _b, props = __objRest(_b, ["children", "element"]);
+  return /* @__PURE__ */ React.createElement(import_text.Text, __spreadValues({
     as: "span",
@@ -166,3 +191,3 @@ color: "currentColor",
 };
-var BaseRadioCheckboxHelpText = React.forwardRef(({children, helpTextId, element = "BASE_RADIO_CHECKBOX_HELP_TEXT_WRAPPER"}, ref) => {
+var BaseRadioCheckboxHelpText = React.forwardRef(({ children, helpTextId, element = "BASE_RADIO_CHECKBOX_HELP_TEXT_WRAPPER" }, ref) => {
   return /* @__PURE__ */ React.createElement(import_box.Box, {
@@ -185,1 +210,9 @@ as: "span",
 };
+module.exports = __toCommonJS(src_exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BaseRadioCheckboxControl,
+  BaseRadioCheckboxHelpText,
+  BaseRadioCheckboxLabel,
+  BaseRadioCheckboxLabelText
+});

dist/index.es.js

@@ -1,1 +0,1 @@
-var k=Object.prototype.hasOwnProperty;var B=Object.getOwnPropertySymbols,h=Object.prototype.propertyIsEnumerable;var l=Object.assign;var d=(r,e)=>{var a={};for(var o in r)k.call(r,o)&&e.indexOf(o)<0&&(a[o]=r[o]);if(r!=null&&B)for(var o of B(r))e.indexOf(o)<0&&h.call(r,o)&&(a[o]=r[o]);return a};import{createElement as i,forwardRef as n}from"react";import{bool as P,node as c,string as p}from"prop-types";import{Box as C}from"@twilio-paste/box";import{Text as R}from"@twilio-paste/text";import{SiblingBox as S}from"@twilio-paste/sibling-box";import{Label as u}from"@twilio-paste/label";import{HelpText as y}from"@twilio-paste/help-text";var s=n((m,t)=>{var{children:r,disabled:e,element:a="BASE_RADIO_CHECKBOX_CONTROL"}=m,o=d(m,["children","disabled","element"]);return i(S,l({as:"span",ref:t,display:"flex",element:a,backgroundColor:"colorBackgroundBody",borderColor:"colorBorder",borderStyle:"solid",borderWidth:"borderWidth10",height:"sizeSquare50",marginX:"space20",marginY:"space10",width:"sizeSquare50",_hoverSibling:{borderColor:"colorBorderPrimaryStrong"},_focusSibling:{borderColor:"colorBorderPrimaryStrong",boxShadow:"shadowFocus"},_activeSibling:e?void 0:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStronger"},_checkedSibling:{borderColor:"colorBorderPrimary",backgroundColor:"colorBackgroundPrimary"},_disabledSibling:{borderColor:"colorBorderWeaker"},_invalidSibling:{borderColor:"colorBorderError"},_invalidAndHoverSibling:{borderColor:"colorBorderErrorStrong"},_checkedAndHoverSibling:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStrong"},_checkedAndFocusSibling:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStrong"},_checkedAndActiveSibling:e?void 0:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStronger"},_checkedAndDisabledSibling:{borderColor:"colorBorderWeaker",backgroundColor:"colorBackgroundStrong"},_checkedAndInvalidSibling:{borderColor:"colorBorderError",backgroundColor:"colorBackgroundError"},_checkedAndInvalidAndHoverSibling:{borderColor:"colorBorderErrorStrong",backgroundColor:"colorBackgroundErrorStrong"}},o),r)});s.displayName="BaseRadioCheckboxControl";s.propTypes={children:c.isRequired,disabled:P};var b=n((o,a)=>{var{children:r}=o,e=d(o,["children"]);return i(u,l(l({},e),{marginBottom:"space0",ref:a}),i(C,{as:"span",display:"flex"},r))});b.displayName="BaseRadioCheckboxLabel";b.propTypes={children:c.isRequired};var g=n((t,o)=>{var{children:r,element:e="BASE_RADIO_CHECKBOX_LABEL_TEXT"}=t,a=d(t,["children","element"]);return i(R,l({as:"span",color:"currentColor",marginLeft:"space20",fontWeight:"fontWeightMedium",element:e,ref:o},a),r)});g.displayName="BaseRadioCheckboxLabelText";g.propTypes={children:c.isRequired,element:p};var x=n(({children:r,helpTextId:e,element:a="BASE_RADIO_CHECKBOX_HELP_TEXT_WRAPPER"},o)=>i(C,{as:"span",display:"block",element:a,marginLeft:"space80",ref:o},i(y,{id:e,marginTop:"space0"},r)));x.displayName="BaseRadioCheckboxHelpText";x.propTypes={children:c.isRequired,helpTextId:p.isRequired,element:p};export{s as BaseRadioCheckboxControl,x as BaseRadioCheckboxHelpText,b as BaseRadioCheckboxLabel,g as BaseRadioCheckboxLabelText};
+var k=Object.defineProperty,w=Object.defineProperties,I=Object.getOwnPropertyDescriptor,O=Object.getOwnPropertyDescriptors,q=Object.getOwnPropertyNames,m=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var P=(r,o,e)=>o in r?k(r,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[o]=e,g=(r,o)=>{for(var e in o||(o={}))C.call(o,e)&&P(r,e,o[e]);if(m)for(var e of m(o))u.call(o,e)&&P(r,e,o[e]);return r},R=(r,o)=>w(r,O(o));var B=(r,o)=>{var e={};for(var l in r)C.call(r,l)&&o.indexOf(l)<0&&(e[l]=r[l]);if(r!=null&&m)for(var l of m(r))o.indexOf(l)<0&&u.call(r,l)&&(e[l]=r[l]);return e};var c=(r,o)=>{for(var e in o)k(r,e,{get:o[e],enumerable:!0})},a=(r,o,e,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let d of q(o))!C.call(r,d)&&(e||d!=="default")&&k(r,d,{get:()=>o[d],enumerable:!(l=I(o,d))||l.enumerable});return r};var t={};c(t,{default:()=>h});a(t,M);import*as h from"react";import*as M from"react";var i={};c(i,{default:()=>S});a(i,D);import*as S from"prop-types";import*as D from"prop-types";var n={};c(n,{default:()=>y});a(n,K);import*as y from"@twilio-paste/box";import*as K from"@twilio-paste/box";var s={};c(s,{default:()=>_});a(s,z);import*as _ from"@twilio-paste/text";import*as z from"@twilio-paste/text";var p={};c(p,{default:()=>L});a(p,F);import*as L from"@twilio-paste/sibling-box";import*as F from"@twilio-paste/sibling-box";var b={};c(b,{default:()=>E});a(b,Y);import*as E from"@twilio-paste/label";import*as Y from"@twilio-paste/label";var x={};c(x,{default:()=>A});a(x,j);import*as A from"@twilio-paste/help-text";import*as j from"@twilio-paste/help-text";var H=t.forwardRef((f,d)=>{var T=f,{children:r,disabled:o,element:e="BASE_RADIO_CHECKBOX_CONTROL"}=T,l=B(T,["children","disabled","element"]);return t.createElement(p.SiblingBox,g({as:"span",ref:d,display:"flex",element:e,backgroundColor:"colorBackgroundBody",borderColor:"colorBorder",borderStyle:"solid",borderWidth:"borderWidth10",height:"sizeSquare50",marginX:"space20",marginY:"space10",width:"sizeSquare50",color:"colorTextWeakest",_hoverSibling:{borderColor:"colorBorderPrimaryStronger",color:"colorTextWeakest"},_focusSibling:{borderColor:"colorBorderPrimaryStronger",boxShadow:"shadowFocus",color:"colorTextWeakest"},_activeSibling:o?void 0:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStronger",color:"colorTextWeakest"},_checkedSibling:{borderColor:"colorBorderPrimary",backgroundColor:"colorBackgroundPrimary",color:"colorTextInverse"},_disabledSibling:{borderColor:"colorBorderWeaker"},_invalidSibling:{borderColor:"colorBorderError"},_invalidAndHoverSibling:{borderColor:"colorBorderErrorStronger"},_checkedAndHoverSibling:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStronger",color:"colorTextWeakest"},_checkedAndFocusSibling:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStronger",color:"colorTextWeakest"},_checkedAndActiveSibling:o?void 0:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStronger"},_checkedAndDisabledSibling:{borderColor:"colorBorderWeaker",backgroundColor:"colorBackgroundStrong",color:"colorTextWeakest"},_checkedAndInvalidSibling:{borderColor:"colorBorderError",backgroundColor:"colorBackgroundError",color:"colorTextInverse"},_checkedAndInvalidAndHoverSibling:{borderColor:"colorBorderErrorStronger",backgroundColor:"colorBackgroundErrorStronger"}},l),r)});H.displayName="BaseRadioCheckboxControl";H.propTypes={children:i.node.isRequired,disabled:i.bool};var N=t.forwardRef((l,e)=>{var d=l,{children:r}=d,o=B(d,["children"]);return t.createElement(b.Label,R(g({},o),{marginBottom:"space0",ref:e}),t.createElement(n.Box,{as:"span",display:"flex"},r))});N.displayName="BaseRadioCheckboxLabel";N.propTypes={children:i.node.isRequired};var W=t.forwardRef((d,l)=>{var f=d,{children:r,element:o="BASE_RADIO_CHECKBOX_LABEL_TEXT"}=f,e=B(f,["children","element"]);return t.createElement(s.Text,g({as:"span",color:"currentColor",marginLeft:"space20",fontWeight:"fontWeightMedium",element:o,ref:l},e),r)});W.displayName="BaseRadioCheckboxLabelText";W.propTypes={children:i.node.isRequired,element:i.string};var v=t.forwardRef(({children:r,helpTextId:o,element:e="BASE_RADIO_CHECKBOX_HELP_TEXT_WRAPPER"},l)=>t.createElement(n.Box,{as:"span",display:"block",element:e,marginLeft:"space80",ref:l},t.createElement(x.HelpText,{id:o,marginTop:"space0"},r)));v.displayName="BaseRadioCheckboxHelpText";v.propTypes={children:i.node.isRequired,helpTextId:i.string.isRequired,element:i.string};export{H as BaseRadioCheckboxControl,v as BaseRadioCheckboxHelpText,N as BaseRadioCheckboxLabel,W as BaseRadioCheckboxLabelText};

dist/index.js

@@ -1,1 +0,1 @@
-var y=Object.create,c=Object.defineProperty,T=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty,f=Object.getOwnPropertyNames,_=Object.getOwnPropertyDescriptor,k=Object.getOwnPropertySymbols,L=Object.prototype.propertyIsEnumerable;var d=Object.assign,h=o=>c(o,"__esModule",{value:!0});var p=(o,e)=>{var a={};for(var r in o)C.call(o,r)&&e.indexOf(r)<0&&(a[r]=o[r]);if(o!=null&&k)for(var r of k(o))e.indexOf(r)<0&&L.call(o,r)&&(a[r]=o[r]);return a};var E=(o,e)=>{h(o);for(var a in e)c(o,a,{get:e[a],enumerable:!0})},A=(o,e,a)=>{if(h(o),e&&typeof e=="object"||typeof e=="function")for(let r of f(e))!C.call(o,r)&&r!=="default"&&c(o,r,{get:()=>e[r],enumerable:!(a=_(e,r))||a.enumerable});return o},t=o=>o&&o.__esModule?o:A(c(o!=null?y(T(o)):{},"default",{value:o,enumerable:!0}),o);E(exports,{BaseRadioCheckboxControl:()=>b,BaseRadioCheckboxHelpText:()=>m,BaseRadioCheckboxLabel:()=>g,BaseRadioCheckboxLabelText:()=>x});var i=t(require("react")),l=t(require("prop-types")),s=t(require("@twilio-paste/box")),P=t(require("@twilio-paste/text")),R=t(require("@twilio-paste/sibling-box")),S=t(require("@twilio-paste/label")),u=t(require("@twilio-paste/help-text")),b=i.forwardRef((B,n)=>{var{children:o,disabled:e,element:a="BASE_RADIO_CHECKBOX_CONTROL"}=B,r=p(B,["children","disabled","element"]);return i.createElement(R.SiblingBox,d({as:"span",ref:n,display:"flex",element:a,backgroundColor:"colorBackgroundBody",borderColor:"colorBorder",borderStyle:"solid",borderWidth:"borderWidth10",height:"sizeSquare50",marginX:"space20",marginY:"space10",width:"sizeSquare50",_hoverSibling:{borderColor:"colorBorderPrimaryStrong"},_focusSibling:{borderColor:"colorBorderPrimaryStrong",boxShadow:"shadowFocus"},_activeSibling:e?void 0:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStronger"},_checkedSibling:{borderColor:"colorBorderPrimary",backgroundColor:"colorBackgroundPrimary"},_disabledSibling:{borderColor:"colorBorderWeaker"},_invalidSibling:{borderColor:"colorBorderError"},_invalidAndHoverSibling:{borderColor:"colorBorderErrorStrong"},_checkedAndHoverSibling:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStrong"},_checkedAndFocusSibling:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStrong"},_checkedAndActiveSibling:e?void 0:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStronger"},_checkedAndDisabledSibling:{borderColor:"colorBorderWeaker",backgroundColor:"colorBackgroundStrong"},_checkedAndInvalidSibling:{borderColor:"colorBorderError",backgroundColor:"colorBackgroundError"},_checkedAndInvalidAndHoverSibling:{borderColor:"colorBorderErrorStrong",backgroundColor:"colorBackgroundErrorStrong"}},r),o)});b.displayName="BaseRadioCheckboxControl";b.propTypes={children:l.node.isRequired,disabled:l.bool};var g=i.forwardRef((r,a)=>{var{children:o}=r,e=p(r,["children"]);return i.createElement(S.Label,d(d({},e),{marginBottom:"space0",ref:a}),i.createElement(s.Box,{as:"span",display:"flex"},o))});g.displayName="BaseRadioCheckboxLabel";g.propTypes={children:l.node.isRequired};var x=i.forwardRef((n,r)=>{var{children:o,element:e="BASE_RADIO_CHECKBOX_LABEL_TEXT"}=n,a=p(n,["children","element"]);return i.createElement(P.Text,d({as:"span",color:"currentColor",marginLeft:"space20",fontWeight:"fontWeightMedium",element:e,ref:r},a),o)});x.displayName="BaseRadioCheckboxLabelText";x.propTypes={children:l.node.isRequired,element:l.string};var m=i.forwardRef(({children:o,helpTextId:e,element:a="BASE_RADIO_CHECKBOX_HELP_TEXT_WRAPPER"},r)=>i.createElement(s.Box,{as:"span",display:"block",element:a,marginLeft:"space80",ref:r},i.createElement(u.HelpText,{id:e,marginTop:"space0"},o)));m.displayName="BaseRadioCheckboxHelpText";m.propTypes={children:l.node.isRequired,helpTextId:l.string.isRequired,element:l.string};
+var E=Object.create;var d=Object.defineProperty,A=Object.defineProperties,H=Object.getOwnPropertyDescriptor,N=Object.getOwnPropertyDescriptors,W=Object.getOwnPropertyNames,n=Object.getOwnPropertySymbols,v=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var P=(o,r,e)=>r in o?d(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,c=(o,r)=>{for(var e in r||(r={}))b.call(r,e)&&P(o,e,r[e]);if(n)for(var e of n(r))T.call(r,e)&&P(o,e,r[e]);return o},R=(o,r)=>A(o,N(r)),h=o=>d(o,"__esModule",{value:!0});var s=(o,r)=>{var e={};for(var l in o)b.call(o,l)&&r.indexOf(l)<0&&(e[l]=o[l]);if(o!=null&&n)for(var l of n(o))r.indexOf(l)<0&&T.call(o,l)&&(e[l]=o[l]);return e};var w=(o,r)=>{for(var e in r)d(o,e,{get:r[e],enumerable:!0})},S=(o,r,e,l)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of W(r))!b.call(o,i)&&(e||i!=="default")&&d(o,i,{get:()=>r[i],enumerable:!(l=H(r,i))||l.enumerable});return o},u=(o,r)=>S(h(d(o!=null?E(v(o)):{},"default",!r&&o&&o.__esModule?{get:()=>o.default,enumerable:!0}:{value:o,enumerable:!0})),o),I=(o=>(r,e)=>o&&o.get(r)||(e=S(h({}),r,1),o&&o.set(r,e),e))(typeof WeakMap!="undefined"?new WeakMap:0);var O={};w(O,{BaseRadioCheckboxControl:()=>g,BaseRadioCheckboxHelpText:()=>k,BaseRadioCheckboxLabel:()=>m,BaseRadioCheckboxLabelText:()=>B});var a=u(require("react")),t=u(require("prop-types")),x=require("@twilio-paste/box"),y=require("@twilio-paste/text"),f=require("@twilio-paste/sibling-box"),_=require("@twilio-paste/label"),L=require("@twilio-paste/help-text"),g=a.forwardRef((p,i)=>{var C=p,{children:o,disabled:r,element:e="BASE_RADIO_CHECKBOX_CONTROL"}=C,l=s(C,["children","disabled","element"]);return a.createElement(f.SiblingBox,c({as:"span",ref:i,display:"flex",element:e,backgroundColor:"colorBackgroundBody",borderColor:"colorBorder",borderStyle:"solid",borderWidth:"borderWidth10",height:"sizeSquare50",marginX:"space20",marginY:"space10",width:"sizeSquare50",color:"colorTextWeakest",_hoverSibling:{borderColor:"colorBorderPrimaryStronger",color:"colorTextWeakest"},_focusSibling:{borderColor:"colorBorderPrimaryStronger",boxShadow:"shadowFocus",color:"colorTextWeakest"},_activeSibling:r?void 0:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStronger",color:"colorTextWeakest"},_checkedSibling:{borderColor:"colorBorderPrimary",backgroundColor:"colorBackgroundPrimary",color:"colorTextInverse"},_disabledSibling:{borderColor:"colorBorderWeaker"},_invalidSibling:{borderColor:"colorBorderError"},_invalidAndHoverSibling:{borderColor:"colorBorderErrorStronger"},_checkedAndHoverSibling:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStronger",color:"colorTextWeakest"},_checkedAndFocusSibling:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStronger",color:"colorTextWeakest"},_checkedAndActiveSibling:r?void 0:{borderColor:"colorBorderPrimaryStronger",backgroundColor:"colorBackgroundPrimaryStronger"},_checkedAndDisabledSibling:{borderColor:"colorBorderWeaker",backgroundColor:"colorBackgroundStrong",color:"colorTextWeakest"},_checkedAndInvalidSibling:{borderColor:"colorBorderError",backgroundColor:"colorBackgroundError",color:"colorTextInverse"},_checkedAndInvalidAndHoverSibling:{borderColor:"colorBorderErrorStronger",backgroundColor:"colorBackgroundErrorStronger"}},l),o)});g.displayName="BaseRadioCheckboxControl";g.propTypes={children:t.node.isRequired,disabled:t.bool};var m=a.forwardRef((l,e)=>{var i=l,{children:o}=i,r=s(i,["children"]);return a.createElement(_.Label,R(c({},r),{marginBottom:"space0",ref:e}),a.createElement(x.Box,{as:"span",display:"flex"},o))});m.displayName="BaseRadioCheckboxLabel";m.propTypes={children:t.node.isRequired};var B=a.forwardRef((i,l)=>{var p=i,{children:o,element:r="BASE_RADIO_CHECKBOX_LABEL_TEXT"}=p,e=s(p,["children","element"]);return a.createElement(y.Text,c({as:"span",color:"currentColor",marginLeft:"space20",fontWeight:"fontWeightMedium",element:r,ref:l},e),o)});B.displayName="BaseRadioCheckboxLabelText";B.propTypes={children:t.node.isRequired,element:t.string};var k=a.forwardRef(({children:o,helpTextId:r,element:e="BASE_RADIO_CHECKBOX_HELP_TEXT_WRAPPER"},l)=>a.createElement(x.Box,{as:"span",display:"block",element:e,marginLeft:"space80",ref:l},a.createElement(L.HelpText,{id:r,marginTop:"space0"},o)));k.displayName="BaseRadioCheckboxHelpText";k.propTypes={children:t.node.isRequired,helpTextId:t.string.isRequired,element:t.string};module.exports=I(O);0&&(module.exports={BaseRadioCheckboxControl,BaseRadioCheckboxHelpText,BaseRadioCheckboxLabel,BaseRadioCheckboxLabelText});

package.json

 {
   "name": "@twilio-paste/base-radio-checkbox",
-  "version": "7.0.0",
+  "version": "7.0.1",
   "category": "user input",
@@ -47,16 +47,16 @@ "status": "production",
   "devDependencies": {
-    "@twilio-paste/box": "^5.0.0",
-    "@twilio-paste/design-tokens": "^7.0.0",
-    "@twilio-paste/flex": "^3.0.0",
-    "@twilio-paste/help-text": "^7.0.0",
-    "@twilio-paste/icons": "^6.0.0",
-    "@twilio-paste/label": "^7.0.0",
-    "@twilio-paste/screen-reader-only": "^7.0.0",
-    "@twilio-paste/sibling-box": "^4.0.0",
-    "@twilio-paste/style-props": "^4.0.0",
-    "@twilio-paste/styling-library": "^0.3.5",
-    "@twilio-paste/text": "^5.0.0",
-    "@twilio-paste/theme": "^6.0.0",
-    "@twilio-paste/types": "^3.1.3",
-    "@twilio-paste/uid-library": "^0.2.2",
+    "@twilio-paste/box": "^5.0.1",
+    "@twilio-paste/design-tokens": "^7.1.0",
+    "@twilio-paste/flex": "^3.0.1",
+    "@twilio-paste/help-text": "^7.0.1",
+    "@twilio-paste/icons": "^6.2.0",
+    "@twilio-paste/label": "^7.0.1",
+    "@twilio-paste/screen-reader-only": "^7.0.1",
+    "@twilio-paste/sibling-box": "^4.0.1",
+    "@twilio-paste/style-props": "^4.0.1",
+    "@twilio-paste/styling-library": "^0.3.6",
+    "@twilio-paste/text": "^5.0.1",
+    "@twilio-paste/theme": "^6.0.1",
+    "@twilio-paste/types": "^3.1.4",
+    "@twilio-paste/uid-library": "^0.2.3",
     "prop-types": "^15.7.2",
@@ -63,0 +63,0 @@ "react": "^17.0.2",

No alert changes

Improved metrics

Total package byte prevSize

474552

1.89%

Lines of code

550

28.5%

No dependency changes