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

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 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
+
+- **graphing:** color changes for graph buttons PD-5590 ([1053f44](https://github.com/pie-framework/pie-lib/commit/1053f44cd10521bf5e3431ac071fb3f18e97f467))
+- **graphing:** revert to previous disabled colors PD-5510 ([e50a991](https://github.com/pie-framework/pie-lib/commit/e50a991aaa20f134d338a3f27d6d46d68db02a57))
+
 # [5.2.0-next.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@5.2.0-next.2...@pie-lib/render-ui@5.2.0-next.4) (2026-02-26)
 
 **Note:** Version bump only for package @pie-lib/render-ui

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.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',
@@ -50,7 +50,14 @@ var defaults = exports.defaults = {
   BLUE_GREY600: '#7E8494',
   BLUE_GREY900: '#152452',
   // this is used for charting
-  FADED_PRIMARY: '#DCDAFB'
+  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)'
 };
 Object.freeze(defaults);
 var v = exports.v = function v(prefix) {
@@ -191,10 +198,26 @@ 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);
+};
+var buttonHoverBg = exports.buttonHoverBg = function buttonHoverBg() {
+  return pv('button-hover-bg', defaults.BUTTON_HOVER_BG);
+};
 var visualElementsColors = exports.visualElementsColors = {
   AXIS_LINE_COLOR: '#5A53C9',
   ROLLOVER_FILL_BAR_COLOR: '#050F2D',
   GRIDLINES_COLOR: '#8E88EA',
-  PLOT_FILL_COLOR: '#1463B3'
+  PLOT_FILL_COLOR: '#1463B3',
+  SHAPES_FILL_COLOR: '#7986cb'
 };
 //# sourceMappingURL=color.js.map

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","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","visualElementsColors","AXIS_LINE_COLOR","ROLLOVER_FILL_BAR_COLOR","GRIDLINES_COLOR","PLOT_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};\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 visualElementsColors = {\n  AXIS_LINE_COLOR: '#5A53C9',\n  ROLLOVER_FILL_BAR_COLOR: '#050F2D',\n  GRIDLINES_COLOR: '#8E88EA',\n  PLOT_FILL_COLOR: '#1463B3',\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEO,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG;EACtBE,IAAI,EAAE,OAAO;EACbC,QAAQ,EAAE,MAAM;EAChBC,kBAAkB,EAAE,SAAS;EAC7BC,OAAO,EAAEC,aAAK,CAAC,GAAG,CAAC;EACnBC,iBAAiB,EAAED,aAAK,CAAC,EAAE,CAAC;EAC5BE,gBAAgB,EAAE,SAAS;EAC3BC,iBAAiB,EAAE,SAAS;EAC5BC,SAAS,EAAEC,cAAM,CAAC,GAAG,CAAC;EACtBC,mBAAmB,EAAEC,WAAG,CAAC,EAAE,CAAC;EAC5BC,mBAAmB,EAAE,SAAS;EAC9BC,OAAO,EAAEF,WAAG,CAAC,GAAG,CAAC;EACjBG,iBAAiB,EAAE,SAAS;EAC5BC,OAAO,EAAEC,cAAM,CAAC,GAAG,CAAC;EACpBC,aAAa,EAAED,cAAM,CAAC,GAAG,CAAC;EAC1BE,YAAY,EAAEF,cAAM,CAAC,GAAG,CAAC;EACzBG,SAAS,EAAEC,YAAI,CAACC,IAAI;EACpBC,eAAe,EAAEF,YAAI,CAAC,GAAG,CAAC;EAC1BG,cAAc,EAAEH,YAAI,CAAC,GAAG,CAAC;EACzBI,QAAQ,EAAE,SAAS;EACnBC,cAAc,EAAE,SAAS;EACzBC,UAAU,EAAE,qBAAqB;EACjCC,eAAe,EAAE,SAAS;EAC1BC,mBAAmB,EAAE,SAAS;EAAE;EAChC;EACAC,oBAAoB,EAAE,qBAAqB;EAC3CC,MAAM,EAAE,SAAS;EACjBC,YAAY,EAAE,SAAS;EACvBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,WAAW,EAAE,aAAa;EAC1B;EACAC,aAAa,EAAE,SAAS;EACxBC,oBAAoB,EAAE,SAAS;EAC/BC,eAAe,EAAE,SAAS;EAC1BC,sBAAsB,EAAE,SAAS;EACjC;EACAC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvB;EACAC,aAAa,EAAE;AACjB,CAAC;AAEDC,MAAM,CAACC,MAAM,CAACjD,QAAQ,CAAC;AAEhB,IAAMkD,CAAC,GAAAjD,OAAA,CAAAiD,CAAA,GACZ,SADWA,CAACA,CACXC,MAAM;EAAA,OACP,YAAa;IAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAATC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IACN,IAAMC,QAAQ,GAAGH,IAAI,CAACI,GAAG,CAAC,CAAC;IAC3B,OAAOJ,IAAI,CAACK,WAAW,CAAC,UAACC,GAAG,EAAEX,CAAC,EAAK;MAClC,gBAAAY,MAAA,CAAgBX,MAAM,OAAAW,MAAA,CAAIZ,CAAC,QAAAY,MAAA,CAAKD,GAAG;IACrC,CAAC,EAAEH,QAAQ,CAAC;EACd,CAAC;AAAA;AAEH,IAAMK,EAAE,GAAGb,CAAC,CAAC,KAAK,CAAC;AAEZ,IAAMc,IAAI,GAAA/D,OAAA,CAAA+D,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAASD,EAAE,CAAC,MAAM,EAAE/D,QAAQ,CAACE,IAAI,CAAC;AAAA;AAC5C,IAAM+D,QAAQ,GAAAhE,OAAA,CAAAgE,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAASF,EAAE,CAAC,UAAU,EAAE/D,QAAQ,CAACG,QAAQ,CAAC;AAAA;AACxD,IAAM+D,iBAAiB,GAAAjE,OAAA,CAAAiE,iBAAA,GAAG,SAApBA,iBAAiBA,CAAA;EAAA,OAASH,EAAE,CAAC,oBAAoB,EAAE/D,QAAQ,CAACI,kBAAkB,CAAC;AAAA;AACrF,IAAM+D,OAAO,GAAAlE,OAAA,CAAAkE,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,OAASJ,EAAE,CAAC,SAAS,EAAE/D,QAAQ,CAACK,OAAO,CAAC;AAAA;AACrD,IAAM+D,gBAAgB,GAAAnE,OAAA,CAAAmE,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,OAASL,EAAE,CAAC,mBAAmB,EAAE/D,QAAQ,CAACO,iBAAiB,CAAC;AAAA;AAClF,IAAM8D,eAAe,GAAApE,OAAA,CAAAoE,eAAA,GAAG,SAAlBA,eAAeA,CAAA;EAAA,OAASN,EAAE,CAAC,kBAAkB,EAAE/D,QAAQ,CAACQ,gBAAgB,CAAC;AAAA;AAC/E,IAAM8D,eAAe,GAAArE,OAAA,CAAAqE,eAAA,GAAG,SAAlBA,eAAeA,CAAA;EAAA,OAASP,EAAE,CAAC,cAAc,EAAE/D,QAAQ,CAACS,iBAAiB,CAAC;AAAA;AAC5E,IAAM8D,SAAS,GAAAtE,OAAA,CAAAsE,SAAA,GAAG,SAAZA,SAASA,CAAA;EAAA,OAASR,EAAE,CAAC,WAAW,EAAE/D,QAAQ,CAACU,SAAS,CAAC;AAAA;AAC3D,IAAM8D,iBAAiB,GAAAvE,OAAA,CAAAuE,iBAAA,GAAG,SAApBA,iBAAiBA,CAAA;EAAA,OAAST,EAAE,CAAC,gBAAgB,EAAE/D,QAAQ,CAACc,mBAAmB,CAAC;AAAA;AAClF,IAAM2D,kBAAkB,GAAAxE,OAAA,CAAAwE,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA;EAAA,OAASV,EAAE,CAAC,qBAAqB,EAAE/D,QAAQ,CAACY,mBAAmB,CAAC;AAAA;AACxF,IAAM8D,OAAO,GAAAzE,OAAA,CAAAyE,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,OAASX,EAAE,CAAC,SAAS,EAAE/D,QAAQ,CAACe,OAAO,CAAC;AAAA;AACrD,IAAM4D,eAAe,GAAA1E,OAAA,CAAA0E,eAAA,GAAG,SAAlBA,eAAeA,CAAA;EAAA,OAASZ,EAAE,CAAC,cAAc,EAAE/D,QAAQ,CAACgB,iBAAiB,CAAC;AAAA;AAE5E,IAAM4D,OAAO,GAAA3E,OAAA,CAAA2E,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,OAASb,EAAE,CAAC,SAAS,EAAE/D,QAAQ,CAACiB,OAAO,CAAC;AAAA;AACrD,IAAM4D,YAAY,GAAA5E,OAAA,CAAA4E,YAAA,GAAG,SAAfA,YAAYA,CAAA;EAAA,OAASd,EAAE,CAAC,eAAe,EAAE/D,QAAQ,CAACmB,aAAa,CAAC;AAAA;AACtE,IAAM2D,WAAW,GAAA7E,OAAA,CAAA6E,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAASf,EAAE,CAAC,cAAc,EAAE/D,QAAQ,CAACoB,YAAY,CAAC;AAAA;AACnE,IAAM2D,WAAW,GAAA9E,OAAA,CAAA8E,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAAShB,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE/D,QAAQ,CAACE,IAAI,CAAC;AAAA;AACnE,IAAM8E,YAAY,GAAA/E,OAAA,CAAA+E,YAAA,GAAG,SAAfA,YAAYA,CAAA;EAAA,OAASjB,EAAE,CAAC,eAAe,EAAE/D,QAAQ,CAAC+C,aAAa,CAAC;AAAA;AAEtE,IAAMkC,SAAS,GAAAhF,OAAA,CAAAgF,SAAA,GAAG,SAAZA,SAASA,CAAA;EAAA,OAASlB,EAAE,CAAC,WAAW,EAAE/D,QAAQ,CAACqB,SAAS,CAAC;AAAA;AAC3D,IAAM6D,cAAc,GAAAjF,OAAA,CAAAiF,cAAA,GAAG,SAAjBA,cAAcA,CAAA;EAAA,OAASnB,EAAE,CAAC,iBAAiB,EAAE/D,QAAQ,CAACwB,eAAe,CAAC;AAAA;AAC5E,IAAM2D,aAAa,GAAAlF,OAAA,CAAAkF,aAAA,GAAG,SAAhBA,aAAaA,CAAA;EAAA,OAASpB,EAAE,CAAC,gBAAgB,EAAE/D,QAAQ,CAACyB,cAAc,CAAC;AAAA;AAEzE,IAAM2D,aAAa,GAAAnF,OAAA,CAAAmF,aAAA,GAAG,SAAhBA,aAAaA,CAAA;EAAA,OAASrB,EAAE,CAAC,gBAAgB,EAAE,MAAM,EAAE/D,QAAQ,CAACE,IAAI,CAAC;AAAA;AACvE,IAAMmF,UAAU,GAAApF,OAAA,CAAAoF,UAAA,GAAG,SAAbA,UAAUA,CAAA;EAAA,OAAStB,EAAE,CAAC,YAAY,EAAE/D,QAAQ,CAAC4B,UAAU,CAAC;AAAA;AAC9D,IAAM0D,cAAc,GAAArF,OAAA,CAAAqF,cAAA,GAAG,SAAjBA,cAAcA,CAAA;EAAA,OAASvB,EAAE,CAAC,iBAAiB,EAAE/D,QAAQ,CAAC6B,eAAe,CAAC;AAAA;AAC5E,IAAM0D,mBAAmB,GAAAtF,OAAA,CAAAsF,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAA;EAAA,OAASxB,EAAE,CAAC,sBAAsB,EAAE/D,QAAQ,CAAC+B,oBAAoB,CAAC;AAAA;AAC3F,IAAMyD,kBAAkB,GAAAvF,OAAA,CAAAuF,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA;EAAA,OAASzB,EAAE,CAAC,qBAAqB,EAAE/D,QAAQ,CAAC8B,mBAAmB,CAAC;AAAA;AAExF,IAAM2D,QAAQ,GAAAxF,OAAA,CAAAwF,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAS1B,EAAE,CAAC,UAAU,EAAE/D,QAAQ,CAAC0B,QAAQ,CAAC;AAAA;AACxD,IAAMgE,aAAa,GAAAzF,OAAA,CAAAyF,aAAA,GAAG,SAAhBA,aAAaA,CAAA;EAAA,OAAS3B,EAAE,CAAC,gBAAgB,EAAE/D,QAAQ,CAAC2B,cAAc,CAAC;AAAA;AAEzE,IAAMgE,MAAM,GAAA1F,OAAA,CAAA0F,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAS5B,EAAE,CAAC,QAAQ,EAAE/D,QAAQ,CAACgC,MAAM,CAAC;AAAA;AAClD,IAAM4D,WAAW,GAAA3F,OAAA,CAAA2F,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAAS7B,EAAE,CAAC,cAAc,EAAE/D,QAAQ,CAACiC,YAAY,CAAC;AAAA;AACnE,IAAM4D,UAAU,GAAA5F,OAAA,CAAA4F,UAAA,GAAG,SAAbA,UAAUA,CAAA;EAAA,OAAS9B,EAAE,CAAC,aAAa,EAAE/D,QAAQ,CAACkC,WAAW,CAAC;AAAA;AAChE,IAAM4D,UAAU,GAAA7F,OAAA,CAAA6F,UAAA,GAAG,SAAbA,UAAUA,CAAA;EAAA,OAAS/B,EAAE,CAAC,aAAa,EAAE/D,QAAQ,CAACmC,WAAW,CAAC;AAAA;AAEhE,IAAM4D,KAAK,GAAA9F,OAAA,CAAA8F,KAAA,GAAG,SAARA,KAAKA,CAAA;EAAA,OAAShC,EAAE,CAAC,OAAO,EAAE/D,QAAQ,CAACoC,KAAK,CAAC;AAAA;AAC/C,IAAM4D,KAAK,GAAA/F,OAAA,CAAA+F,KAAA,GAAG,SAARA,KAAKA,CAAA;EAAA,OAASjC,EAAE,CAAC,OAAO,EAAE/D,QAAQ,CAACqC,KAAK,CAAC;AAAA;AAC/C,IAAM4D,WAAW,GAAAhG,OAAA,CAAAgG,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAASjG,QAAQ,CAACsC,WAAW;AAAA;AAE9C,IAAM4D,YAAY,GAAAjG,OAAA,CAAAiG,YAAA,GAAG,SAAfA,YAAYA,CAAA;EAAA,OAASnC,EAAE,CAAC,eAAe,EAAE/D,QAAQ,CAACuC,aAAa,CAAC;AAAA;AACtE,IAAM4D,kBAAkB,GAAAlG,OAAA,CAAAkG,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA;EAAA,OAASpC,EAAE,CAAC,sBAAsB,EAAE/D,QAAQ,CAACwC,oBAAoB,CAAC;AAAA;AAC1F,IAAM4D,cAAc,GAAAnG,OAAA,CAAAmG,cAAA,GAAG,SAAjBA,cAAcA,CAAA;EAAA,OAASrC,EAAE,CAAC,iBAAiB,EAAE/D,QAAQ,CAACyC,eAAe,CAAC;AAAA;AAC5E,IAAM4D,oBAAoB,GAAApG,OAAA,CAAAoG,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAA;EAAA,OAAStC,EAAE,CAAC,wBAAwB,EAAE/D,QAAQ,CAAC0C,sBAAsB,CAAC;AAAA;AAEhG,IAAM4D,WAAW,GAAArG,OAAA,CAAAqG,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAASvC,EAAE,CAAC,eAAe,EAAE/D,QAAQ,CAAC2C,YAAY,CAAC;AAAA;AACpE,IAAM4D,WAAW,GAAAtG,OAAA,CAAAsG,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAASxC,EAAE,CAAC,eAAe,EAAE/D,QAAQ,CAAC4C,YAAY,CAAC;AAAA;AACpE,IAAM4D,WAAW,GAAAvG,OAAA,CAAAuG,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAASzC,EAAE,CAAC,eAAe,EAAE/D,QAAQ,CAAC6C,YAAY,CAAC;AAAA;AACpE,IAAM4D,WAAW,GAAAxG,OAAA,CAAAwG,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAAS1C,EAAE,CAAC,eAAe,EAAE/D,QAAQ,CAAC8C,YAAY,CAAC;AAAA;AAEpE,IAAM4D,oBAAoB,GAAAzG,OAAA,CAAAyG,oBAAA,GAAG;EAClCC,eAAe,EAAE,SAAS;EAC1BC,uBAAuB,EAAE,SAAS;EAClCC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE;AACnB,CAAC","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":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEO,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG;EACtBE,IAAI,EAAE,OAAO;EACbC,QAAQ,EAAE,MAAM;EAChBC,kBAAkB,EAAE,SAAS;EAC7BC,OAAO,EAAEC,aAAK,CAAC,GAAG,CAAC;EACnBC,iBAAiB,EAAED,aAAK,CAAC,EAAE,CAAC;EAC5BE,gBAAgB,EAAE,SAAS;EAC3BC,iBAAiB,EAAE,SAAS;EAC5BC,SAAS,EAAEC,cAAM,CAAC,GAAG,CAAC;EACtBC,mBAAmB,EAAEC,WAAG,CAAC,EAAE,CAAC;EAC5BC,mBAAmB,EAAE,SAAS;EAC9BC,OAAO,EAAEF,WAAG,CAAC,GAAG,CAAC;EACjBG,iBAAiB,EAAE,SAAS;EAC5BC,OAAO,EAAEC,cAAM,CAAC,GAAG,CAAC;EACpBC,aAAa,EAAED,cAAM,CAAC,GAAG,CAAC;EAC1BE,YAAY,EAAEF,cAAM,CAAC,GAAG,CAAC;EACzBG,SAAS,EAAEC,YAAI,CAACC,IAAI;EACpBC,eAAe,EAAEF,YAAI,CAAC,GAAG,CAAC;EAC1BG,cAAc,EAAEH,YAAI,CAAC,GAAG,CAAC;EACzBI,QAAQ,EAAE,SAAS;EACnBC,cAAc,EAAE,SAAS;EACzBC,UAAU,EAAE,qBAAqB;EACjCC,eAAe,EAAE,SAAS;EAC1BC,mBAAmB,EAAE,SAAS;EAAE;EAChC;EACAC,oBAAoB,EAAE,qBAAqB;EAC3CC,MAAM,EAAE,SAAS;EACjBC,YAAY,EAAE,SAAS;EACvBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,WAAW,EAAE,aAAa;EAC1B;EACAC,aAAa,EAAE,SAAS;EACxBC,oBAAoB,EAAE,SAAS;EAC/BC,eAAe,EAAE,SAAS;EAC1BC,sBAAsB,EAAE,SAAS;EACjC;EACAC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvB;EACAC,aAAa,EAAE,SAAS;EACxB;EACAC,aAAa,EAAE,oBAAoB;EACnCC,sBAAsB,EAAE,oBAAoB;EAC5CC,wBAAwB,EAAE,uBAAuB;EACjD;EACAC,aAAa,EAAE,qBAAqB;EACpCC,eAAe,EAAE;AACnB,CAAC;AAEDC,MAAM,CAACC,MAAM,CAACtD,QAAQ,CAAC;AAEhB,IAAMuD,CAAC,GAAAtD,OAAA,CAAAsD,CAAA,GACZ,SADWA,CAACA,CACXC,MAAM;EAAA,OACP,YAAa;IAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAATC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IACN,IAAMC,QAAQ,GAAGH,IAAI,CAACI,GAAG,CAAC,CAAC;IAC3B,OAAOJ,IAAI,CAACK,WAAW,CAAC,UAACC,GAAG,EAAEX,CAAC,EAAK;MAClC,gBAAAY,MAAA,CAAgBX,MAAM,OAAAW,MAAA,CAAIZ,CAAC,QAAAY,MAAA,CAAKD,GAAG;IACrC,CAAC,EAAEH,QAAQ,CAAC;EACd,CAAC;AAAA;AAEH,IAAMK,EAAE,GAAGb,CAAC,CAAC,KAAK,CAAC;AAEZ,IAAMc,IAAI,GAAApE,OAAA,CAAAoE,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAASD,EAAE,CAAC,MAAM,EAAEpE,QAAQ,CAACE,IAAI,CAAC;AAAA;AAC5C,IAAMoE,QAAQ,GAAArE,OAAA,CAAAqE,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAASF,EAAE,CAAC,UAAU,EAAEpE,QAAQ,CAACG,QAAQ,CAAC;AAAA;AACxD,IAAMoE,iBAAiB,GAAAtE,OAAA,CAAAsE,iBAAA,GAAG,SAApBA,iBAAiBA,CAAA;EAAA,OAASH,EAAE,CAAC,oBAAoB,EAAEpE,QAAQ,CAACI,kBAAkB,CAAC;AAAA;AACrF,IAAMoE,OAAO,GAAAvE,OAAA,CAAAuE,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,OAASJ,EAAE,CAAC,SAAS,EAAEpE,QAAQ,CAACK,OAAO,CAAC;AAAA;AACrD,IAAMoE,gBAAgB,GAAAxE,OAAA,CAAAwE,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,OAASL,EAAE,CAAC,mBAAmB,EAAEpE,QAAQ,CAACO,iBAAiB,CAAC;AAAA;AAClF,IAAMmE,eAAe,GAAAzE,OAAA,CAAAyE,eAAA,GAAG,SAAlBA,eAAeA,CAAA;EAAA,OAASN,EAAE,CAAC,kBAAkB,EAAEpE,QAAQ,CAACQ,gBAAgB,CAAC;AAAA;AAC/E,IAAMmE,eAAe,GAAA1E,OAAA,CAAA0E,eAAA,GAAG,SAAlBA,eAAeA,CAAA;EAAA,OAASP,EAAE,CAAC,cAAc,EAAEpE,QAAQ,CAACS,iBAAiB,CAAC;AAAA;AAC5E,IAAMmE,SAAS,GAAA3E,OAAA,CAAA2E,SAAA,GAAG,SAAZA,SAASA,CAAA;EAAA,OAASR,EAAE,CAAC,WAAW,EAAEpE,QAAQ,CAACU,SAAS,CAAC;AAAA;AAC3D,IAAMmE,iBAAiB,GAAA5E,OAAA,CAAA4E,iBAAA,GAAG,SAApBA,iBAAiBA,CAAA;EAAA,OAAST,EAAE,CAAC,gBAAgB,EAAEpE,QAAQ,CAACc,mBAAmB,CAAC;AAAA;AAClF,IAAMgE,kBAAkB,GAAA7E,OAAA,CAAA6E,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA;EAAA,OAASV,EAAE,CAAC,qBAAqB,EAAEpE,QAAQ,CAACY,mBAAmB,CAAC;AAAA;AACxF,IAAMmE,OAAO,GAAA9E,OAAA,CAAA8E,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,OAASX,EAAE,CAAC,SAAS,EAAEpE,QAAQ,CAACe,OAAO,CAAC;AAAA;AACrD,IAAMiE,eAAe,GAAA/E,OAAA,CAAA+E,eAAA,GAAG,SAAlBA,eAAeA,CAAA;EAAA,OAASZ,EAAE,CAAC,cAAc,EAAEpE,QAAQ,CAACgB,iBAAiB,CAAC;AAAA;AAE5E,IAAMiE,OAAO,GAAAhF,OAAA,CAAAgF,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,OAASb,EAAE,CAAC,SAAS,EAAEpE,QAAQ,CAACiB,OAAO,CAAC;AAAA;AACrD,IAAMiE,YAAY,GAAAjF,OAAA,CAAAiF,YAAA,GAAG,SAAfA,YAAYA,CAAA;EAAA,OAASd,EAAE,CAAC,eAAe,EAAEpE,QAAQ,CAACmB,aAAa,CAAC;AAAA;AACtE,IAAMgE,WAAW,GAAAlF,OAAA,CAAAkF,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAASf,EAAE,CAAC,cAAc,EAAEpE,QAAQ,CAACoB,YAAY,CAAC;AAAA;AACnE,IAAMgE,WAAW,GAAAnF,OAAA,CAAAmF,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAAShB,EAAE,CAAC,cAAc,EAAE,MAAM,EAAEpE,QAAQ,CAACE,IAAI,CAAC;AAAA;AACnE,IAAMmF,YAAY,GAAApF,OAAA,CAAAoF,YAAA,GAAG,SAAfA,YAAYA,CAAA;EAAA,OAASjB,EAAE,CAAC,eAAe,EAAEpE,QAAQ,CAAC+C,aAAa,CAAC;AAAA;AAEtE,IAAMuC,SAAS,GAAArF,OAAA,CAAAqF,SAAA,GAAG,SAAZA,SAASA,CAAA;EAAA,OAASlB,EAAE,CAAC,WAAW,EAAEpE,QAAQ,CAACqB,SAAS,CAAC;AAAA;AAC3D,IAAMkE,cAAc,GAAAtF,OAAA,CAAAsF,cAAA,GAAG,SAAjBA,cAAcA,CAAA;EAAA,OAASnB,EAAE,CAAC,iBAAiB,EAAEpE,QAAQ,CAACwB,eAAe,CAAC;AAAA;AAC5E,IAAMgE,aAAa,GAAAvF,OAAA,CAAAuF,aAAA,GAAG,SAAhBA,aAAaA,CAAA;EAAA,OAASpB,EAAE,CAAC,gBAAgB,EAAEpE,QAAQ,CAACyB,cAAc,CAAC;AAAA;AAEzE,IAAMgE,aAAa,GAAAxF,OAAA,CAAAwF,aAAA,GAAG,SAAhBA,aAAaA,CAAA;EAAA,OAASrB,EAAE,CAAC,gBAAgB,EAAE,MAAM,EAAEpE,QAAQ,CAACE,IAAI,CAAC;AAAA;AACvE,IAAMwF,UAAU,GAAAzF,OAAA,CAAAyF,UAAA,GAAG,SAAbA,UAAUA,CAAA;EAAA,OAAStB,EAAE,CAAC,YAAY,EAAEpE,QAAQ,CAAC4B,UAAU,CAAC;AAAA;AAC9D,IAAM+D,cAAc,GAAA1F,OAAA,CAAA0F,cAAA,GAAG,SAAjBA,cAAcA,CAAA;EAAA,OAASvB,EAAE,CAAC,iBAAiB,EAAEpE,QAAQ,CAAC6B,eAAe,CAAC;AAAA;AAC5E,IAAM+D,mBAAmB,GAAA3F,OAAA,CAAA2F,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAA;EAAA,OAASxB,EAAE,CAAC,sBAAsB,EAAEpE,QAAQ,CAAC+B,oBAAoB,CAAC;AAAA;AAC3F,IAAM8D,kBAAkB,GAAA5F,OAAA,CAAA4F,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA;EAAA,OAASzB,EAAE,CAAC,qBAAqB,EAAEpE,QAAQ,CAAC8B,mBAAmB,CAAC;AAAA;AAExF,IAAMgE,QAAQ,GAAA7F,OAAA,CAAA6F,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAS1B,EAAE,CAAC,UAAU,EAAEpE,QAAQ,CAAC0B,QAAQ,CAAC;AAAA;AACxD,IAAMqE,aAAa,GAAA9F,OAAA,CAAA8F,aAAA,GAAG,SAAhBA,aAAaA,CAAA;EAAA,OAAS3B,EAAE,CAAC,gBAAgB,EAAEpE,QAAQ,CAAC2B,cAAc,CAAC;AAAA;AAEzE,IAAMqE,MAAM,GAAA/F,OAAA,CAAA+F,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAS5B,EAAE,CAAC,QAAQ,EAAEpE,QAAQ,CAACgC,MAAM,CAAC;AAAA;AAClD,IAAMiE,WAAW,GAAAhG,OAAA,CAAAgG,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAAS7B,EAAE,CAAC,cAAc,EAAEpE,QAAQ,CAACiC,YAAY,CAAC;AAAA;AACnE,IAAMiE,UAAU,GAAAjG,OAAA,CAAAiG,UAAA,GAAG,SAAbA,UAAUA,CAAA;EAAA,OAAS9B,EAAE,CAAC,aAAa,EAAEpE,QAAQ,CAACkC,WAAW,CAAC;AAAA;AAChE,IAAMiE,UAAU,GAAAlG,OAAA,CAAAkG,UAAA,GAAG,SAAbA,UAAUA,CAAA;EAAA,OAAS/B,EAAE,CAAC,aAAa,EAAEpE,QAAQ,CAACmC,WAAW,CAAC;AAAA;AAEhE,IAAMiE,KAAK,GAAAnG,OAAA,CAAAmG,KAAA,GAAG,SAARA,KAAKA,CAAA;EAAA,OAAShC,EAAE,CAAC,OAAO,EAAEpE,QAAQ,CAACoC,KAAK,CAAC;AAAA;AAC/C,IAAMiE,KAAK,GAAApG,OAAA,CAAAoG,KAAA,GAAG,SAARA,KAAKA,CAAA;EAAA,OAASjC,EAAE,CAAC,OAAO,EAAEpE,QAAQ,CAACqC,KAAK,CAAC;AAAA;AAC/C,IAAMiE,WAAW,GAAArG,OAAA,CAAAqG,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAAStG,QAAQ,CAACsC,WAAW;AAAA;AAE9C,IAAMiE,YAAY,GAAAtG,OAAA,CAAAsG,YAAA,GAAG,SAAfA,YAAYA,CAAA;EAAA,OAASnC,EAAE,CAAC,eAAe,EAAEpE,QAAQ,CAACuC,aAAa,CAAC;AAAA;AACtE,IAAMiE,kBAAkB,GAAAvG,OAAA,CAAAuG,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA;EAAA,OAASpC,EAAE,CAAC,sBAAsB,EAAEpE,QAAQ,CAACwC,oBAAoB,CAAC;AAAA;AAC1F,IAAMiE,cAAc,GAAAxG,OAAA,CAAAwG,cAAA,GAAG,SAAjBA,cAAcA,CAAA;EAAA,OAASrC,EAAE,CAAC,iBAAiB,EAAEpE,QAAQ,CAACyC,eAAe,CAAC;AAAA;AAC5E,IAAMiE,oBAAoB,GAAAzG,OAAA,CAAAyG,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAA;EAAA,OAAStC,EAAE,CAAC,wBAAwB,EAAEpE,QAAQ,CAAC0C,sBAAsB,CAAC;AAAA;AAEhG,IAAMiE,WAAW,GAAA1G,OAAA,CAAA0G,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAASvC,EAAE,CAAC,eAAe,EAAEpE,QAAQ,CAAC2C,YAAY,CAAC;AAAA;AACpE,IAAMiE,WAAW,GAAA3G,OAAA,CAAA2G,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAASxC,EAAE,CAAC,eAAe,EAAEpE,QAAQ,CAAC4C,YAAY,CAAC;AAAA;AACpE,IAAMiE,WAAW,GAAA5G,OAAA,CAAA4G,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAASzC,EAAE,CAAC,eAAe,EAAEpE,QAAQ,CAAC6C,YAAY,CAAC;AAAA;AACpE,IAAMiE,WAAW,GAAA7G,OAAA,CAAA6G,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAAS1C,EAAE,CAAC,eAAe,EAAEpE,QAAQ,CAAC8C,YAAY,CAAC;AAAA;AAEpE,IAAMiE,YAAY,GAAA9G,OAAA,CAAA8G,YAAA,GAAG,SAAfA,YAAYA,CAAA;EAAA,OAAS3C,EAAE,CAAC,eAAe,EAAEpE,QAAQ,CAACgD,aAAa,CAAC;AAAA;AACtE,IAAMgE,oBAAoB,GAAA/G,OAAA,CAAA+G,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAA;EAAA,OAAS5C,EAAE,CAAC,wBAAwB,EAAEpE,QAAQ,CAACiD,sBAAsB,CAAC;AAAA;AAChG,IAAMgE,sBAAsB,GAAAhH,OAAA,CAAAgH,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAA;EAAA,OAAS7C,EAAE,CAAC,0BAA0B,EAAEpE,QAAQ,CAACkD,wBAAwB,CAAC;AAAA;AACtG,IAAMgE,YAAY,GAAAjH,OAAA,CAAAiH,YAAA,GAAG,SAAfA,YAAYA,CAAA;EAAA,OAAS9C,EAAE,CAAC,eAAe,EAAEpE,QAAQ,CAACmD,aAAa,CAAC;AAAA;AACtE,IAAMgE,aAAa,GAAAlH,OAAA,CAAAkH,aAAA,GAAG,SAAhBA,aAAaA,CAAA;EAAA,OAAS/C,EAAE,CAAC,iBAAiB,EAAEpE,QAAQ,CAACoD,eAAe,CAAC;AAAA;AAE3E,IAAMgE,oBAAoB,GAAAnH,OAAA,CAAAmH,oBAAA,GAAG;EAClCC,eAAe,EAAE,SAAS;EAC1BC,uBAAuB,EAAE,SAAS;EAClCC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE,SAAS;EAC1BC,iBAAiB,EAAE;AACrB,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/render-ui",
-  "version": "5.2.0-next.4",
+  "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": "26a92c2897eca32328a31262677c4f7a851fd751"
+  "gitHead": "2e7523e9d0895728783bb65dbed8c0bfe282c0f5"
 }

package/src/color.js

@@ -45,6 +45,13 @@ 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)',
 };
 
 Object.freeze(defaults);
@@ -111,9 +118,16 @@ 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);
+
 export const visualElementsColors = {
   AXIS_LINE_COLOR: '#5A53C9',
   ROLLOVER_FILL_BAR_COLOR: '#050F2D',
   GRIDLINES_COLOR: '#8E88EA',
   PLOT_FILL_COLOR: '#1463B3',
+  SHAPES_FILL_COLOR: '#7986cb',
 };