@pie-lib/render-ui 5.2.0-next.5 → 5.2.0-next.6

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.2.0-next.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@5.2.0-next.5...@pie-lib/render-ui@5.2.0-next.6) (2026-03-18)
+
+### Bug Fixes
+
+- **math-toolbar:** update math keypad colors and styles for improved UI consistency PD-5530 ([713c283](https://github.com/pie-framework/pie-lib/commit/713c283a11e1cff6568da7010e98e0b84df164ab))
+
 # [5.2.0-next.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@5.2.0-next.4...@pie-lib/render-ui@5.2.0-next.5) (2026-03-18)
 
 ### Bug Fixes

package/lib/color.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.white = exports.visualElementsColors = exports.v = exports.transparent = exports.text = exports.tertiaryLight = exports.tertiary = exports.secondaryText = exports.secondaryLight = exports.secondaryDark = exports.secondaryBackground = exports.secondary = exports.primaryText = exports.primaryLight = exports.primaryDark = exports.primary = exports.missingWithIcon = exports.missing = exports.incorrectWithIcon = exports.incorrectSecondary = exports.incorrect = exports.focusUncheckedBorder = exports.focusUnchecked = exports.focusCheckedBorder = exports.focusChecked = exports.fadedPrimary = exports.dropdownBackground = exports.disabledSecondary = exports.disabled = exports.defaults = exports.correctWithIcon = exports.correctTertiary = exports.correctSecondary = exports.correct = exports.buttonHoverBg = exports.buttonBorder = exports.borderLight = exports.borderGray = exports.borderDark = exports.border = exports.blueGrey900 = exports.blueGrey600 = exports.blueGrey300 = exports.blueGrey100 = exports.black = exports.backgroundDark = exports.background = void 0;
+exports.white = exports.visualElementsColors = exports.v = exports.transparent = exports.text = exports.tertiaryLight = exports.tertiary = exports.secondaryText = exports.secondaryLight = exports.secondaryDark = exports.secondaryBackground = exports.secondary = exports.primaryText = exports.primaryLight = exports.primaryDark = exports.primary = exports.missingWithIcon = exports.missing = exports.keypadEmptyPlaceholder = exports.keypadButtonOperator = exports.keypadButton = exports.incorrectWithIcon = exports.incorrectSecondary = exports.incorrect = exports.focusUncheckedBorder = exports.focusUnchecked = exports.focusCheckedBorder = exports.focusChecked = exports.fadedPrimary = exports.dropdownBackground = exports.disabledSecondary = exports.disabled = exports.defaults = exports.correctWithIcon = exports.correctTertiary = exports.correctSecondary = exports.correct = exports.buttonHoverBg = exports.buttonBorder = exports.borderLight = exports.borderGray = exports.borderDark = exports.border = exports.blueGrey900 = exports.blueGrey600 = exports.blueGrey300 = exports.blueGrey100 = exports.black = exports.backgroundDark = exports.background = void 0;
 var _colors = require("@mui/material/colors");
 var defaults = exports.defaults = {
   TEXT: 'black',
@@ -51,6 +51,10 @@ var defaults = exports.defaults = {
   BLUE_GREY900: '#152452',
   // this is used for charting
   FADED_PRIMARY: '#DCDAFB',
+  // these are used for the math keypad buttons
+  KEYPAD_BUTTON: 'rgb(188, 194, 229)',
+  KEYPAD_BUTTON_OPERATOR: 'rgb(255, 159, 192)',
+  KEYPAD_EMPTY_PLACEHOLDER: 'rgba(245, 0, 87, 0.4)',
   // these are used for graphing UI elements
   BUTTON_BORDER: 'rgba(0, 0, 0, 0.23)',
   BUTTON_HOVER_BG: 'rgba(0, 0, 0, 0.08)'
@@ -194,6 +198,15 @@ var blueGrey600 = exports.blueGrey600 = function blueGrey600() {
 var blueGrey900 = exports.blueGrey900 = function blueGrey900() {
   return pv('blue-grey-900', defaults.BLUE_GREY900);
 };
+var keypadButton = exports.keypadButton = function keypadButton() {
+  return pv('keypad-button', defaults.KEYPAD_BUTTON);
+};
+var keypadButtonOperator = exports.keypadButtonOperator = function keypadButtonOperator() {
+  return pv('keypad-button-operator', defaults.KEYPAD_BUTTON_OPERATOR);
+};
+var keypadEmptyPlaceholder = exports.keypadEmptyPlaceholder = function keypadEmptyPlaceholder() {
+  return pv('keypad-empty-placeholder', defaults.KEYPAD_EMPTY_PLACEHOLDER);
+};
 var buttonBorder = exports.buttonBorder = function buttonBorder() {
   return pv('button-border', defaults.BUTTON_BORDER);
 };

package/lib/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","names":["_colors","require","defaults","exports","TEXT","DISABLED","DISABLED_SECONDARY","CORRECT","green","CORRECT_SECONDARY","CORRECT_TERTIARY","CORRECT_WITH_ICON","INCORRECT","orange","INCORRECT_SECONDARY","red","INCORRECT_WITH_ICON","MISSING","MISSING_WITH_ICON","PRIMARY","indigo","PRIMARY_LIGHT","PRIMARY_DARK","SECONDARY","pink","A400","SECONDARY_LIGHT","SECONDARY_DARK","TERTIARY","TERTIARY_LIGHT","BACKGROUND","BACKGROUND_DARK","DROPDOWN_BACKGROUND","SECONDARY_BACKGROUND","BORDER","BORDER_LIGHT","BORDER_DARK","BORDER_GRAY","BLACK","WHITE","TRANSPARENT","FOCUS_CHECKED","FOCUS_CHECKED_BORDER","FOCUS_UNCHECKED","FOCUS_UNCHECKED_BORDER","BLUE_GREY100","BLUE_GREY300","BLUE_GREY600","BLUE_GREY900","FADED_PRIMARY","BUTTON_BORDER","BUTTON_HOVER_BG","Object","freeze","v","prefix","_len","arguments","length","args","Array","_key","fallback","pop","reduceRight","acc","concat","pv","text","disabled","disabledSecondary","correct","correctSecondary","correctTertiary","correctWithIcon","incorrect","incorrectWithIcon","incorrectSecondary","missing","missingWithIcon","primary","primaryLight","primaryDark","primaryText","fadedPrimary","secondary","secondaryLight","secondaryDark","secondaryText","background","backgroundDark","secondaryBackground","dropdownBackground","tertiary","tertiaryLight","border","borderLight","borderDark","borderGray","black","white","transparent","focusChecked","focusCheckedBorder","focusUnchecked","focusUncheckedBorder","blueGrey100","blueGrey300","blueGrey600","blueGrey900","buttonBorder","buttonHoverBg","visualElementsColors","AXIS_LINE_COLOR","ROLLOVER_FILL_BAR_COLOR","GRIDLINES_COLOR","PLOT_FILL_COLOR","SHAPES_FILL_COLOR"],"sources":["../src/color.js"],"sourcesContent":["import { green, indigo, orange, pink, red } from '@mui/material/colors';\n\nexport const defaults = {\n  TEXT: 'black',\n  DISABLED: 'grey',\n  DISABLED_SECONDARY: '#ABABAB',\n  CORRECT: green[500],\n  CORRECT_SECONDARY: green[50],\n  CORRECT_TERTIARY: '#0EA449',\n  CORRECT_WITH_ICON: '#087D38',\n  INCORRECT: orange[500],\n  INCORRECT_SECONDARY: red[50],\n  INCORRECT_WITH_ICON: '#BF0D00',\n  MISSING: red[700],\n  MISSING_WITH_ICON: '#6A78A1',\n  PRIMARY: indigo[500],\n  PRIMARY_LIGHT: indigo[200],\n  PRIMARY_DARK: indigo[800],\n  SECONDARY: pink.A400,\n  SECONDARY_LIGHT: pink[200],\n  SECONDARY_DARK: pink[900],\n  TERTIARY: '#146EB3',\n  TERTIARY_LIGHT: '#D0E2F0',\n  BACKGROUND: 'rgba(255,255,255,0)',\n  BACKGROUND_DARK: '#ECEDF1',\n  DROPDOWN_BACKGROUND: '#E0E1E6', // this is used for inline-dropdown\n  // this is only used for multi-trait-rubric, we might want to use BACKGROUND_DARK instead\n  SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',\n  BORDER: '#9A9A9A',\n  BORDER_LIGHT: '#D1D1D1',\n  BORDER_DARK: '#646464',\n  BORDER_GRAY: '#7E8494',\n  BLACK: '#000000',\n  WHITE: '#ffffff',\n  TRANSPARENT: 'transparent',\n  // this is used for multiple-choice accessibility\n  FOCUS_CHECKED: '#BBDEFB',\n  FOCUS_CHECKED_BORDER: '#1565C0',\n  FOCUS_UNCHECKED: '#E0E0E0',\n  FOCUS_UNCHECKED_BORDER: '#757575',\n  // this is used for select text tokens\n  BLUE_GREY100: '#F3F5F7',\n  BLUE_GREY300: '#C0C3CF',\n  BLUE_GREY600: '#7E8494',\n  BLUE_GREY900: '#152452',\n  // this is used for charting\n  FADED_PRIMARY: '#DCDAFB',\n  // these are used for graphing UI elements\n  BUTTON_BORDER: 'rgba(0, 0, 0, 0.23)',\n  BUTTON_HOVER_BG: 'rgba(0, 0, 0, 0.08)',\n};\n\nObject.freeze(defaults);\n\nexport const v =\n  (prefix) =>\n  (...args) => {\n    const fallback = args.pop();\n    return args.reduceRight((acc, v) => {\n      return `var(--${prefix}-${v}, ${acc})`;\n    }, fallback);\n  };\n\nconst pv = v('pie');\n\nexport const text = () => pv('text', defaults.TEXT);\nexport const disabled = () => pv('disabled', defaults.DISABLED);\nexport const disabledSecondary = () => pv('disabled-secondary', defaults.DISABLED_SECONDARY);\nexport const correct = () => pv('correct', defaults.CORRECT);\nexport const correctSecondary = () => pv('correct-secondary', defaults.CORRECT_SECONDARY);\nexport const correctTertiary = () => pv('correct-tertiary', defaults.CORRECT_TERTIARY);\nexport const correctWithIcon = () => pv('correct-icon', defaults.CORRECT_WITH_ICON);\nexport const incorrect = () => pv('incorrect', defaults.INCORRECT);\nexport const incorrectWithIcon = () => pv('incorrect-icon', defaults.INCORRECT_WITH_ICON);\nexport const incorrectSecondary = () => pv('incorrect-secondary', defaults.INCORRECT_SECONDARY);\nexport const missing = () => pv('missing', defaults.MISSING);\nexport const missingWithIcon = () => pv('missing-icon', defaults.MISSING_WITH_ICON);\n\nexport const primary = () => pv('primary', defaults.PRIMARY);\nexport const primaryLight = () => pv('primary-light', defaults.PRIMARY_LIGHT);\nexport const primaryDark = () => pv('primary-dark', defaults.PRIMARY_DARK);\nexport const primaryText = () => pv('primary-text', 'text', defaults.TEXT);\nexport const fadedPrimary = () => pv('faded-primary', defaults.FADED_PRIMARY);\n\nexport const secondary = () => pv('secondary', defaults.SECONDARY);\nexport const secondaryLight = () => pv('secondary-light', defaults.SECONDARY_LIGHT);\nexport const secondaryDark = () => pv('secondary-dark', defaults.SECONDARY_DARK);\n\nexport const secondaryText = () => pv('secondary-text', 'text', defaults.TEXT);\nexport const background = () => pv('background', defaults.BACKGROUND);\nexport const backgroundDark = () => pv('background-dark', defaults.BACKGROUND_DARK);\nexport const secondaryBackground = () => pv('secondary-background', defaults.SECONDARY_BACKGROUND);\nexport const dropdownBackground = () => pv('dropdown-background', defaults.DROPDOWN_BACKGROUND);\n\nexport const tertiary = () => pv('tertiary', defaults.TERTIARY);\nexport const tertiaryLight = () => pv('tertiary-light', defaults.TERTIARY_LIGHT);\n\nexport const border = () => pv('border', defaults.BORDER);\nexport const borderLight = () => pv('border-light', defaults.BORDER_LIGHT);\nexport const borderDark = () => pv('border-dark', defaults.BORDER_DARK);\nexport const borderGray = () => pv('border-gray', defaults.BORDER_GRAY);\n\nexport const black = () => pv('black', defaults.BLACK);\nexport const white = () => pv('white', defaults.WHITE);\nexport const transparent = () => defaults.TRANSPARENT;\n\nexport const focusChecked = () => pv('focus-checked', defaults.FOCUS_CHECKED);\nexport const focusCheckedBorder = () => pv('focus-checked-border', defaults.FOCUS_CHECKED_BORDER);\nexport const focusUnchecked = () => pv('focus-unchecked', defaults.FOCUS_UNCHECKED);\nexport const focusUncheckedBorder = () => pv('focus-unchecked-border', defaults.FOCUS_UNCHECKED_BORDER);\n\nexport const blueGrey100 = () => pv('blue-grey-100', defaults.BLUE_GREY100);\nexport const blueGrey300 = () => pv('blue-grey-300', defaults.BLUE_GREY300);\nexport const blueGrey600 = () => pv('blue-grey-600', defaults.BLUE_GREY600);\nexport const blueGrey900 = () => pv('blue-grey-900', defaults.BLUE_GREY900);\n\nexport const buttonBorder = () => pv('button-border', defaults.BUTTON_BORDER);\nexport const buttonHoverBg = () => pv('button-hover-bg', defaults.BUTTON_HOVER_BG);\n\nexport const visualElementsColors = {\n  AXIS_LINE_COLOR: '#5A53C9',\n  ROLLOVER_FILL_BAR_COLOR: '#050F2D',\n  GRIDLINES_COLOR: '#8E88EA',\n  PLOT_FILL_COLOR: '#1463B3',\n  SHAPES_FILL_COLOR: '#7986cb',\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"color.js","names":["_colors","require","defaults","exports","TEXT","DISABLED","DISABLED_SECONDARY","CORRECT","green","CORRECT_SECONDARY","CORRECT_TERTIARY","CORRECT_WITH_ICON","INCORRECT","orange","INCORRECT_SECONDARY","red","INCORRECT_WITH_ICON","MISSING","MISSING_WITH_ICON","PRIMARY","indigo","PRIMARY_LIGHT","PRIMARY_DARK","SECONDARY","pink","A400","SECONDARY_LIGHT","SECONDARY_DARK","TERTIARY","TERTIARY_LIGHT","BACKGROUND","BACKGROUND_DARK","DROPDOWN_BACKGROUND","SECONDARY_BACKGROUND","BORDER","BORDER_LIGHT","BORDER_DARK","BORDER_GRAY","BLACK","WHITE","TRANSPARENT","FOCUS_CHECKED","FOCUS_CHECKED_BORDER","FOCUS_UNCHECKED","FOCUS_UNCHECKED_BORDER","BLUE_GREY100","BLUE_GREY300","BLUE_GREY600","BLUE_GREY900","FADED_PRIMARY","KEYPAD_BUTTON","KEYPAD_BUTTON_OPERATOR","KEYPAD_EMPTY_PLACEHOLDER","BUTTON_BORDER","BUTTON_HOVER_BG","Object","freeze","v","prefix","_len","arguments","length","args","Array","_key","fallback","pop","reduceRight","acc","concat","pv","text","disabled","disabledSecondary","correct","correctSecondary","correctTertiary","correctWithIcon","incorrect","incorrectWithIcon","incorrectSecondary","missing","missingWithIcon","primary","primaryLight","primaryDark","primaryText","fadedPrimary","secondary","secondaryLight","secondaryDark","secondaryText","background","backgroundDark","secondaryBackground","dropdownBackground","tertiary","tertiaryLight","border","borderLight","borderDark","borderGray","black","white","transparent","focusChecked","focusCheckedBorder","focusUnchecked","focusUncheckedBorder","blueGrey100","blueGrey300","blueGrey600","blueGrey900","keypadButton","keypadButtonOperator","keypadEmptyPlaceholder","buttonBorder","buttonHoverBg","visualElementsColors","AXIS_LINE_COLOR","ROLLOVER_FILL_BAR_COLOR","GRIDLINES_COLOR","PLOT_FILL_COLOR","SHAPES_FILL_COLOR"],"sources":["../src/color.js"],"sourcesContent":["import { green, indigo, orange, pink, red } from '@mui/material/colors';\n\nexport const defaults = {\n  TEXT: 'black',\n  DISABLED: 'grey',\n  DISABLED_SECONDARY: '#ABABAB',\n  CORRECT: green[500],\n  CORRECT_SECONDARY: green[50],\n  CORRECT_TERTIARY: '#0EA449',\n  CORRECT_WITH_ICON: '#087D38',\n  INCORRECT: orange[500],\n  INCORRECT_SECONDARY: red[50],\n  INCORRECT_WITH_ICON: '#BF0D00',\n  MISSING: red[700],\n  MISSING_WITH_ICON: '#6A78A1',\n  PRIMARY: indigo[500],\n  PRIMARY_LIGHT: indigo[200],\n  PRIMARY_DARK: indigo[800],\n  SECONDARY: pink.A400,\n  SECONDARY_LIGHT: pink[200],\n  SECONDARY_DARK: pink[900],\n  TERTIARY: '#146EB3',\n  TERTIARY_LIGHT: '#D0E2F0',\n  BACKGROUND: 'rgba(255,255,255,0)',\n  BACKGROUND_DARK: '#ECEDF1',\n  DROPDOWN_BACKGROUND: '#E0E1E6', // this is used for inline-dropdown\n  // this is only used for multi-trait-rubric, we might want to use BACKGROUND_DARK instead\n  SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',\n  BORDER: '#9A9A9A',\n  BORDER_LIGHT: '#D1D1D1',\n  BORDER_DARK: '#646464',\n  BORDER_GRAY: '#7E8494',\n  BLACK: '#000000',\n  WHITE: '#ffffff',\n  TRANSPARENT: 'transparent',\n  // this is used for multiple-choice accessibility\n  FOCUS_CHECKED: '#BBDEFB',\n  FOCUS_CHECKED_BORDER: '#1565C0',\n  FOCUS_UNCHECKED: '#E0E0E0',\n  FOCUS_UNCHECKED_BORDER: '#757575',\n  // this is used for select text tokens\n  BLUE_GREY100: '#F3F5F7',\n  BLUE_GREY300: '#C0C3CF',\n  BLUE_GREY600: '#7E8494',\n  BLUE_GREY900: '#152452',\n  // this is used for charting\n  FADED_PRIMARY: '#DCDAFB',\n  // these are used for the math keypad buttons\n  KEYPAD_BUTTON: 'rgb(188, 194, 229)',\n  KEYPAD_BUTTON_OPERATOR: 'rgb(255, 159, 192)',\n  KEYPAD_EMPTY_PLACEHOLDER: 'rgba(245, 0, 87, 0.4)',\n  // these are used for graphing UI elements\n  BUTTON_BORDER: 'rgba(0, 0, 0, 0.23)',\n  BUTTON_HOVER_BG: 'rgba(0, 0, 0, 0.08)',\n};\n\nObject.freeze(defaults);\n\nexport const v =\n  (prefix) =>\n  (...args) => {\n    const fallback = args.pop();\n    return args.reduceRight((acc, v) => {\n      return `var(--${prefix}-${v}, ${acc})`;\n    }, fallback);\n  };\n\nconst pv = v('pie');\n\nexport const text = () => pv('text', defaults.TEXT);\nexport const disabled = () => pv('disabled', defaults.DISABLED);\nexport const disabledSecondary = () => pv('disabled-secondary', defaults.DISABLED_SECONDARY);\nexport const correct = () => pv('correct', defaults.CORRECT);\nexport const correctSecondary = () => pv('correct-secondary', defaults.CORRECT_SECONDARY);\nexport const correctTertiary = () => pv('correct-tertiary', defaults.CORRECT_TERTIARY);\nexport const correctWithIcon = () => pv('correct-icon', defaults.CORRECT_WITH_ICON);\nexport const incorrect = () => pv('incorrect', defaults.INCORRECT);\nexport const incorrectWithIcon = () => pv('incorrect-icon', defaults.INCORRECT_WITH_ICON);\nexport const incorrectSecondary = () => pv('incorrect-secondary', defaults.INCORRECT_SECONDARY);\nexport const missing = () => pv('missing', defaults.MISSING);\nexport const missingWithIcon = () => pv('missing-icon', defaults.MISSING_WITH_ICON);\n\nexport const primary = () => pv('primary', defaults.PRIMARY);\nexport const primaryLight = () => pv('primary-light', defaults.PRIMARY_LIGHT);\nexport const primaryDark = () => pv('primary-dark', defaults.PRIMARY_DARK);\nexport const primaryText = () => pv('primary-text', 'text', defaults.TEXT);\nexport const fadedPrimary = () => pv('faded-primary', defaults.FADED_PRIMARY);\n\nexport const secondary = () => pv('secondary', defaults.SECONDARY);\nexport const secondaryLight = () => pv('secondary-light', defaults.SECONDARY_LIGHT);\nexport const secondaryDark = () => pv('secondary-dark', defaults.SECONDARY_DARK);\n\nexport const secondaryText = () => pv('secondary-text', 'text', defaults.TEXT);\nexport const background = () => pv('background', defaults.BACKGROUND);\nexport const backgroundDark = () => pv('background-dark', defaults.BACKGROUND_DARK);\nexport const secondaryBackground = () => pv('secondary-background', defaults.SECONDARY_BACKGROUND);\nexport const dropdownBackground = () => pv('dropdown-background', defaults.DROPDOWN_BACKGROUND);\n\nexport const tertiary = () => pv('tertiary', defaults.TERTIARY);\nexport const tertiaryLight = () => pv('tertiary-light', defaults.TERTIARY_LIGHT);\n\nexport const border = () => pv('border', defaults.BORDER);\nexport const borderLight = () => pv('border-light', defaults.BORDER_LIGHT);\nexport const borderDark = () => pv('border-dark', defaults.BORDER_DARK);\nexport const borderGray = () => pv('border-gray', defaults.BORDER_GRAY);\n\nexport const black = () => pv('black', defaults.BLACK);\nexport const white = () => pv('white', defaults.WHITE);\nexport const transparent = () => defaults.TRANSPARENT;\n\nexport const focusChecked = () => pv('focus-checked', defaults.FOCUS_CHECKED);\nexport const focusCheckedBorder = () => pv('focus-checked-border', defaults.FOCUS_CHECKED_BORDER);\nexport const focusUnchecked = () => pv('focus-unchecked', defaults.FOCUS_UNCHECKED);\nexport const focusUncheckedBorder = () => pv('focus-unchecked-border', defaults.FOCUS_UNCHECKED_BORDER);\n\nexport const blueGrey100 = () => pv('blue-grey-100', defaults.BLUE_GREY100);\nexport const blueGrey300 = () => pv('blue-grey-300', defaults.BLUE_GREY300);\nexport const blueGrey600 = () => pv('blue-grey-600', defaults.BLUE_GREY600);\nexport const blueGrey900 = () => pv('blue-grey-900', defaults.BLUE_GREY900);\n\nexport const keypadButton = () => pv('keypad-button', defaults.KEYPAD_BUTTON);\nexport const keypadButtonOperator = () => pv('keypad-button-operator', defaults.KEYPAD_BUTTON_OPERATOR);\nexport const keypadEmptyPlaceholder = () => pv('keypad-empty-placeholder', defaults.KEYPAD_EMPTY_PLACEHOLDER);\nexport const buttonBorder = () => pv('button-border', defaults.BUTTON_BORDER);\nexport const buttonHoverBg = () => pv('button-hover-bg', defaults.BUTTON_HOVER_BG);\n\nexport const visualElementsColors = {\n  AXIS_LINE_COLOR: '#5A53C9',\n  ROLLOVER_FILL_BAR_COLOR: '#050F2D',\n  GRIDLINES_COLOR: '#8E88EA',\n  PLOT_FILL_COLOR: '#1463B3',\n  SHAPES_FILL_COLOR: '#7986cb',\n};\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/render-ui",
-  "version": "5.2.0-next.5",
+  "version": "5.2.0-next.6",
   "description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
   "module": "src/index.js",
   "main": "lib/index.js",
@@ -31,5 +31,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "473321bb1fe423c888aadfb29d6417604c1696ca"
+  "gitHead": "2e7523e9d0895728783bb65dbed8c0bfe282c0f5"
 }

package/src/color.js

@@ -45,6 +45,10 @@ export const defaults = {
   BLUE_GREY900: '#152452',
   // this is used for charting
   FADED_PRIMARY: '#DCDAFB',
+  // these are used for the math keypad buttons
+  KEYPAD_BUTTON: 'rgb(188, 194, 229)',
+  KEYPAD_BUTTON_OPERATOR: 'rgb(255, 159, 192)',
+  KEYPAD_EMPTY_PLACEHOLDER: 'rgba(245, 0, 87, 0.4)',
   // these are used for graphing UI elements
   BUTTON_BORDER: 'rgba(0, 0, 0, 0.23)',
   BUTTON_HOVER_BG: 'rgba(0, 0, 0, 0.08)',
@@ -114,6 +118,9 @@ export const blueGrey300 = () => pv('blue-grey-300', defaults.BLUE_GREY300);
 export const blueGrey600 = () => pv('blue-grey-600', defaults.BLUE_GREY600);
 export const blueGrey900 = () => pv('blue-grey-900', defaults.BLUE_GREY900);
 
+export const keypadButton = () => pv('keypad-button', defaults.KEYPAD_BUTTON);
+export const keypadButtonOperator = () => pv('keypad-button-operator', defaults.KEYPAD_BUTTON_OPERATOR);
+export const keypadEmptyPlaceholder = () => pv('keypad-empty-placeholder', defaults.KEYPAD_EMPTY_PLACEHOLDER);
 export const buttonBorder = () => pv('button-border', defaults.BUTTON_BORDER);
 export const buttonHoverBg = () => pv('button-hover-bg', defaults.BUTTON_HOVER_BG);