dce-reactkit 3.10.3 → 3.11.1-beta.tooltip.1

package/dist/esm/types/stylesheets/shared.css.d.ts

@@ -2,5 +2,5 @@
  * Universal stylesheet
  * @author Gabe Abrams
  */
-declare const shared = "\n/* Button with no style */\n.btn-nostyle {\n  border: 0 !important;\n  background: transparent !important;\n  outline: 0 !important;\n  font-size: inherit !important;\n  color: inherit !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n/* Tooltip on Very Top */\n.tooltip {\n  z-index: 9000000000 !important;\n}\n\n/* Tooltip White Text */\n.tooltip .tooltip-inner {\n  color: white !important;\n}\n";
+declare const shared = "\n/* Button with no style */\n.btn-nostyle {\n  border: 0 !important;\n  background: transparent !important;\n  outline: 0 !important;\n  font-size: inherit !important;\n  color: inherit !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n/* Tooltip on Very Top */\n.tooltip {\n  z-index: 9000000000 !important;\n}\n";
 export default shared;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dce-reactkit",
-  "version": "3.10.3",
+  "version": "3.11.1-beta.tooltip.1",
   "description": "Shared components for Harvard DCE apps",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/AppWrapper.tsx

@@ -608,23 +608,23 @@ const AppWrapper: React.FC<Props> = (props: Props): React.ReactElement => {
 
   // Prompt
   const [promptInfo, setPromptInfoInner] = useState<
-    | undefined
-    | {
-      title: string,
-      currentInputFieldText: string,
-      opts: {
-        textAboveInputField?: string,
-        placeholder?: string,
-        defaultText?: string,
-        confirmButtonText?: string,
-        confirmButtonVariant?: Variant,
-        cancelButtonText?: string,
-        cancelButtonVariant?: Variant,
-        minNumChars?: number,
-        findValidationError?: (text: string) => string | undefined,
-        ariaLabel?: string,
-      }
+  | undefined
+  | {
+    title: string,
+    currentInputFieldText: string,
+    opts: {
+      textAboveInputField?: string,
+      placeholder?: string,
+      defaultText?: string,
+      confirmButtonText?: string,
+      confirmButtonVariant?: Variant,
+      cancelButtonText?: string,
+      cancelButtonVariant?: Variant,
+      minNumChars?: number,
+      findValidationError?: (text: string) => string | undefined,
+      ariaLabel?: string,
     }
+  }
   >(undefined);
   setPromptInfo = setPromptInfoInner;
 
@@ -918,7 +918,7 @@ const AppWrapper: React.FC<Props> = (props: Props): React.ReactElement => {
       ? `
         .tooltip-inner {
           background-color: white;
-          color: black;
+          color: black !important;
           border: 0.1rem solid black;
           pointer-events: none;
         }
@@ -931,7 +931,7 @@ const AppWrapper: React.FC<Props> = (props: Props): React.ReactElement => {
       : `
         .tooltip-inner {
           background-color: black;
-          color: white;
+          color: white !important;
           border: 0.1rem solid white;
           pointer-events: none;
         }

package/src/components/CheckboxButton.tsx

@@ -130,7 +130,6 @@ const CheckboxButton: React.FC<Props> = (props) => {
                 className="ps-1 text-start text-break"
                 style={{
                   whiteSpace: 'pre-wrap',
-                  tabSize: 2,
                 }}
               >
                 {text}

package/src/components/RadioButton.tsx

@@ -114,7 +114,6 @@ const RadioButton: React.FC<Props> = (props) => {
                 className="ps-1 text-start text-break"
                 style={{
                   whiteSpace: 'pre-wrap',
-                  tabSize: 2,
                 }}
               >
                 {text}

package/src/stylesheets/shared.css.ts

@@ -18,11 +18,6 @@ const shared = `
 .tooltip {
   z-index: 9000000000 !important;
 }
-
-/* Tooltip White Text */
-.tooltip .tooltip-inner {
-  color: white !important;
-}
 `;
 
 export default shared;