@cerebruminc/cerebellum 16.1.1 → 16.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/lib/cjs/ColorPickerInput-CBPI8IJ-.js +187 -0
  2. package/lib/cjs/ColorPickerInput-CBPI8IJ-.js.map +1 -0
  3. package/lib/cjs/ColorPickerInput.cjs +25 -0
  4. package/lib/cjs/ColorPickerInput.cjs.map +1 -0
  5. package/lib/cjs/DatePicker.cjs +1 -1
  6. package/lib/cjs/Form.cjs +7 -4
  7. package/lib/cjs/Form.cjs.map +1 -1
  8. package/lib/cjs/FormFieldTypeEnum.cjs +5 -0
  9. package/lib/cjs/FormFieldTypeEnum.cjs.map +1 -1
  10. package/lib/cjs/FormSeparator.cjs +3 -1
  11. package/lib/cjs/FormSeparator.cjs.map +1 -1
  12. package/lib/cjs/{FormStyles-CxgYRZOl.js → FormStyles-CM25rbhG.js} +38 -21
  13. package/lib/cjs/{FormStyles-CxgYRZOl.js.map → FormStyles-CM25rbhG.js.map} +1 -1
  14. package/lib/cjs/FormWrapper.cjs +3 -1
  15. package/lib/cjs/FormWrapper.cjs.map +1 -1
  16. package/lib/cjs/{FormikContainer-CY2nLsAs.js → FormikContainer-DVL86Jri.js} +33 -3
  17. package/lib/cjs/{FormikContainer-CY2nLsAs.js.map → FormikContainer-DVL86Jri.js.map} +1 -1
  18. package/lib/cjs/InlineColorPickerInput.cjs +25 -0
  19. package/lib/cjs/InlineColorPickerInput.cjs.map +1 -0
  20. package/lib/cjs/{InlineDatePicker-DFv_uHo9.js → InlineDatePicker-B7DTwvhv.js} +344 -176
  21. package/lib/cjs/InlineDatePicker-B7DTwvhv.js.map +1 -0
  22. package/lib/cjs/InlineDatePicker.cjs +1 -1
  23. package/lib/cjs/TitleGroup.cjs +3 -1
  24. package/lib/cjs/TitleGroup.cjs.map +1 -1
  25. package/lib/cjs/cerebellumTheme.cjs +5 -0
  26. package/lib/cjs/cerebellumTheme.cjs.map +1 -1
  27. package/lib/cjs/index.cjs +9 -3
  28. package/lib/cjs/index.cjs.map +1 -1
  29. package/lib/cjs/validateColorContrast.cjs +53 -0
  30. package/lib/cjs/validateColorContrast.cjs.map +1 -0
  31. package/lib/cjs/validateColorContrastWithMessage.cjs +10 -0
  32. package/lib/cjs/validateColorContrastWithMessage.cjs.map +1 -0
  33. package/lib/esm/ColorPickerInput-S8X2gIA5.js +180 -0
  34. package/lib/esm/ColorPickerInput-S8X2gIA5.js.map +1 -0
  35. package/lib/esm/ColorPickerInput.js +18 -0
  36. package/lib/esm/ColorPickerInput.js.map +1 -0
  37. package/lib/esm/DatePicker.js +1 -1
  38. package/lib/esm/Form.js +7 -5
  39. package/lib/esm/Form.js.map +1 -1
  40. package/lib/esm/FormFieldTypeEnum.js +5 -1
  41. package/lib/esm/FormFieldTypeEnum.js.map +1 -1
  42. package/lib/esm/FormSeparator.js +3 -1
  43. package/lib/esm/FormSeparator.js.map +1 -1
  44. package/lib/esm/{FormStyles-BQJPyTS0.js → FormStyles-CyqyMC1o.js} +39 -22
  45. package/lib/esm/{FormStyles-BQJPyTS0.js.map → FormStyles-CyqyMC1o.js.map} +1 -1
  46. package/lib/esm/FormWrapper.js +3 -1
  47. package/lib/esm/FormWrapper.js.map +1 -1
  48. package/lib/esm/{FormikContainer-SJPYfIkF.js → FormikContainer-uI5oe1px.js} +34 -4
  49. package/lib/esm/{FormikContainer-SJPYfIkF.js.map → FormikContainer-uI5oe1px.js.map} +1 -1
  50. package/lib/esm/InlineColorPickerInput.js +18 -0
  51. package/lib/esm/InlineColorPickerInput.js.map +1 -0
  52. package/lib/esm/{InlineDatePicker-ClVBWEzW.js → InlineDatePicker-BuxjkoV0.js} +345 -177
  53. package/lib/esm/InlineDatePicker-BuxjkoV0.js.map +1 -0
  54. package/lib/esm/InlineDatePicker.js +1 -1
  55. package/lib/esm/TitleGroup.js +3 -1
  56. package/lib/esm/TitleGroup.js.map +1 -1
  57. package/lib/esm/cerebellumTheme.js +5 -0
  58. package/lib/esm/cerebellumTheme.js.map +1 -1
  59. package/lib/esm/index.js +6 -4
  60. package/lib/esm/index.js.map +1 -1
  61. package/lib/esm/validateColorContrast.js +50 -0
  62. package/lib/esm/validateColorContrast.js.map +1 -0
  63. package/lib/esm/validateColorContrastWithMessage.js +3 -0
  64. package/lib/esm/validateColorContrastWithMessage.js.map +1 -0
  65. package/lib/types/src/components/ColorPickerInput/ColorPickerInput.d.ts +3 -0
  66. package/lib/types/src/components/ColorPickerInput/InlineColorPickerInput.d.ts +3 -0
  67. package/lib/types/src/components/ColorPickerInput/index.d.ts +3 -0
  68. package/lib/types/src/components/ColorPickerInput/types.d.ts +48 -0
  69. package/lib/types/src/components/Form/fields/ColorPickerField/ColorPickerField.d.ts +4 -0
  70. package/lib/types/src/components/Form/fields/ColorPickerField/index.d.ts +1 -0
  71. package/lib/types/src/components/Form/fields/index.d.ts +2 -1
  72. package/lib/types/src/components/Form/index.d.ts +3 -3
  73. package/lib/types/src/components/Form/mocks/fields.d.ts +62 -0
  74. package/lib/types/src/components/Form/types.d.ts +36 -2
  75. package/lib/types/src/helpers/colorValidators.d.ts +19 -0
  76. package/lib/types/src/index.d.ts +5 -1
  77. package/lib/types/src/theme.d.ts +6 -0
  78. package/package.json +1 -1
  79. package/lib/cjs/InlineDatePicker-DFv_uHo9.js.map +0 -1
  80. package/lib/esm/InlineDatePicker-ClVBWEzW.js.map +0 -1
@@ -2,7 +2,7 @@ import './_tslib-CcAXazg4.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'dayjs';
4
4
  import 'react';
5
- export { I as InlineDatePicker } from './InlineDatePicker-ClVBWEzW.js';
5
+ export { I as InlineDatePicker } from './InlineDatePicker-BuxjkoV0.js';
6
6
  import './colors.js';
7
7
  import './pressedEnter.js';
8
8
  import './IconComponentStyles-BwczcTS4.js';
@@ -5,7 +5,7 @@ import './BodyLEmphasis.js';
5
5
  import './Loading.js';
6
6
  import './Scroller.js';
7
7
  import './Inputs-C6OWHviY.js';
8
- export { u as AddButtonBox, A as AddButtonGroup, B as ButtonGroup, w as CancelButton, C as CenterCheckbox, o as CenterToggle, s as ClearFormButtonWrap, e as FieldBox, p as FormGroup, a as FormSeparator, q as FormTitleGroup, F as FormWrapper, H as HelperTextGrid, n as InlineFieldCell, m as InlineFieldGrid, I as InputBox, f as LeftGutter, g as LeftLabel, L as LoadingBase, b as LoadingBox, d as LoadingInput, c as LoadingLabel, k as RemovableButtonBox, i as RemovableFieldBox, j as RemoveButtonWrapper, R as RightGutter, S as SubHeader, v as SubmitButton, l as Text, r as Title, T as TitleGroup, V as ValidationTextGrid } from './FormStyles-BQJPyTS0.js';
8
+ export { u as AddButtonBox, A as AddButtonGroup, B as ButtonGroup, w as CancelButton, C as CenterCheckbox, o as CenterToggle, s as ClearFormButtonWrap, e as FieldBox, p as FormGroup, a as FormSeparator, q as FormTitleGroup, F as FormWrapper, H as HelperTextGrid, n as InlineFieldCell, m as InlineFieldGrid, I as InputBox, f as LeftGutter, g as LeftLabel, L as LoadingBase, b as LoadingBox, d as LoadingInput, c as LoadingLabel, k as RemovableButtonBox, i as RemovableFieldBox, j as RemoveButtonWrapper, R as RightGutter, S as SubHeader, v as SubmitButton, l as Text, r as Title, T as TitleGroup, V as ValidationTextGrid } from './FormStyles-CyqyMC1o.js';
9
9
  import 'react/jsx-runtime';
10
10
  import './IconComponentStyles-BwczcTS4.js';
11
11
  import './CheckboxStyles-Cx6hCn3t.js';
@@ -16,6 +16,8 @@ import './Switches-yNTNw1zb.js';
16
16
  import './DescriptiveSwitchMenuStyles-CQ_uwipg.js';
17
17
  import './SwitchTypeEnum.js';
18
18
  import './addOrRemoveById.js';
19
+ import './validateColorContrast.js';
20
+ import './pressedEnter.js';
19
21
  import './formatBytesToString.js';
20
22
  import './northAmericanNumberingPlanRegex.js';
21
23
  import 'yup';
@@ -1 +1 @@
1
- {"version":3,"file":"TitleGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"TitleGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
@@ -122,6 +122,11 @@ var cerebellumTheme = {
122
122
  menuWidth: 245,
123
123
  swatchSize: 31,
124
124
  },
125
+ colorPickerInput: {
126
+ instructionalTextColor: colors.COOL_GREY_65,
127
+ instructionalTextFontSize: 14,
128
+ padding: 5,
129
+ },
125
130
  colorPickerMenu: {
126
131
  backgroundColor: colors.WHITE,
127
132
  borderRadius: 8,
@@ -1 +1 @@
1
- {"version":3,"file":"cerebellumTheme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"cerebellumTheme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/lib/esm/index.js CHANGED
@@ -3,8 +3,8 @@ import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
3
3
  import React__default, { useState, Fragment, useRef, useEffect } from 'react';
4
4
  import styled$1, { styled, useTheme } from 'styled-components';
5
5
  import { D as Drawer } from './Drawer-B8Q-IadJ.js';
6
- import { a as FormSeparator, T as TitleGroup } from './FormStyles-BQJPyTS0.js';
7
- export { F as FormWrapper } from './FormStyles-BQJPyTS0.js';
6
+ import { a as FormSeparator, T as TitleGroup } from './FormStyles-CyqyMC1o.js';
7
+ export { F as FormWrapper } from './FormStyles-CyqyMC1o.js';
8
8
  export { A as AlertCount } from './AlertCount-6XKYJp6w.js';
9
9
  import { c as commonjsGlobal, A as AddressInput } from './AddressInput-OGU58AzF.js';
10
10
  export { A as Avatar } from './Avatar-BGVmo-FE.js';
@@ -23,13 +23,14 @@ import { C as CheckboxGroup } from './CheckboxGroup-DLMaYrFn.js';
23
23
  export { C as ClearableTag } from './ClearableTag-B75LS4vK.js';
24
24
  export { C as ClickOutHandler } from './ClickOutHandler-CcKVoXIs.js';
25
25
  export { C as ColorButton } from './ColorButton-BTed-86W.js';
26
+ export { C as ColorPickerInput, I as InlineColorPickerInput } from './ColorPickerInput-S8X2gIA5.js';
26
27
  export { C as ColorPickerMenu } from './ColorPickerMenu-C2KNTSw1.js';
27
28
  export { C as ConfigurableInput } from './ConfigurableInput-BjJTNTyz.js';
28
29
  export { C as ConfirmModal } from './ConfirmModal-DfDbZXk5.js';
29
30
  export { C as CreditCardInput } from './CreditCardInput-BpZ4T9b7.js';
30
31
  export { C as CurrencyInput } from './CurrencyInput-CzI4uaoz.js';
31
32
  import { DatePicker } from './DatePicker.js';
32
- import { I as InlineDatePicker } from './InlineDatePicker-ClVBWEzW.js';
33
+ import { I as InlineDatePicker } from './InlineDatePicker-BuxjkoV0.js';
33
34
  export { D as DescriptiveSwitchMenu } from './DescriptiveSwitchMenu-DjdFtDJQ.js';
34
35
  export { SwitchTypeEnum } from './SwitchTypeEnum.js';
35
36
  import { I as InlineInput } from './InlineInput-CnzTRkPX.js';
@@ -43,7 +44,7 @@ import { A as ASTERISK_OFFSET_SPACE } from './helpers-NrTaiexf.js';
43
44
  export { D as DrawerDivider } from './DrawerDivider-kh5ebsLE.js';
44
45
  export { E as EmailInput } from './EmailInput-favlDAD3.js';
45
46
  export { Footer } from './Footer.js';
46
- export { F as Form, N as NationalityDropdown, n as nationalityList } from './FormikContainer-SJPYfIkF.js';
47
+ export { F as Form, N as NationalityDropdown, n as nationalityList } from './FormikContainer-uI5oe1px.js';
47
48
  export { FormFieldTypeEnum, RemovableFieldTypeEnum, isAddress, isCheckbox, isCheckboxGroup, isConfigurableInput, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isFormFieldType, isImagePicker, isMultiSelect, isNationalitySelect, isNumber, isPassword, isPhone, isRadioGroup, isRemovable, isSectionHeader, isSelect, isSocialSecurity, isSplitLine, isStateSelect, isTextarea, isToggle, isToggleGroup, isZipCode } from './FormFieldTypeEnum.js';
48
49
  export { F as FiltersBar } from './FiltersBar-DiF5ZpHq.js';
49
50
  export { H as HorizontalTabMenu } from './HorizontalTabMenu-RXe2DFNL.js';
@@ -169,6 +170,7 @@ export { stateAbbreviationLookup } from './stateAbbreviationLookup.js';
169
170
  export { usCounties } from './usCounties.js';
170
171
  export { getPosition } from './getPosition.js';
171
172
  export { higherContrast, pressedEnter } from './pressedEnter.js';
173
+ export { validateColorContrast, validateColorContrastWithMessage } from './validateColorContrast.js';
172
174
  export { brazilianPhoneMask, colombianPhoneMask, mexicanPhoneMask, northAmericanPhoneMask } from './northAmericanPhoneMask.js';
173
175
  export { formatBytesToString, formatNumberToString } from './formatBytesToString.js';
174
176
  export { northAmericanNumberingPlanRegex, validateRegex } from './northAmericanNumberingPlanRegex.js';