@galaxy-ds/core 2.1.0 → 2.1.1

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 (47) hide show
  1. package/dist/Accordion/Accordion.stories.d.ts +313 -20
  2. package/dist/AccordionDetails/AccordionDetails.stories.d.ts +2 -2
  3. package/dist/AccordionPanel/AccordionPanel.stories.d.ts +5 -5
  4. package/dist/AccordionSummary/AccordionSummary.stories.d.ts +27 -27
  5. package/dist/ActivityLog/ActivityLog.stories.d.ts +19 -1
  6. package/dist/AppBar/AppBar.stories.d.ts +860 -19
  7. package/dist/Autocomplete/Autocomplete.stories.d.ts +480 -126
  8. package/dist/Avatar/Avatar.stories.d.ts +45 -45
  9. package/dist/AvatarGroup/AvatarGroup.stories.d.ts +49 -48
  10. package/dist/BottomListButton/BottomListButton.stories.d.ts +18 -18
  11. package/dist/Box/Box.stories.d.ts +17 -16
  12. package/dist/Breadcrumbs/Breadcrumbs.stories.d.ts +16 -15
  13. package/dist/Button/Button.stories.d.ts +161 -160
  14. package/dist/Card/Card.stories.d.ts +7 -6
  15. package/dist/Checkbox/Checkbox.stories.d.ts +71 -70
  16. package/dist/Chip/Chip.stories.d.ts +37 -36
  17. package/dist/CssBaseline/CssBaseline.stories.d.ts +2 -2
  18. package/dist/DatePicker/DatePicker.stories.d.ts +1 -0
  19. package/dist/DateRangePicker/DateRangePicker.stories.d.ts +16 -15
  20. package/dist/Dialog/Dialog.stories.d.ts +41 -40
  21. package/dist/Divider/Divider.stories.d.ts +285 -6
  22. package/dist/Drawer/Drawer.stories.d.ts +21 -21
  23. package/dist/DrawerMenu/DrawerMenu.stories.d.ts +325 -27
  24. package/dist/Dropdown/Dropdown.stories.d.ts +217 -216
  25. package/dist/EmptyState/EmptyState.stories.d.ts +1 -0
  26. package/dist/FooterActions/FooterActions.stories.d.ts +11 -5
  27. package/dist/FormBody/FormBody.stories.d.ts +10 -1
  28. package/dist/FormContainer/FormContainer.stories.d.ts +11 -1
  29. package/dist/FormGroup/FormGroup.stories.d.ts +5 -4
  30. package/dist/FormHeader/FormHeader.stories.d.ts +18 -2
  31. package/dist/Grid/Grid.stories.d.ts +389 -0
  32. package/dist/HeaderToolbar/HeaderToolbar.stories.d.ts +326 -40
  33. package/dist/Icon/Icon.stories.d.ts +13 -12
  34. package/dist/IconButton/IconButton.stories.d.ts +21 -20
  35. package/dist/Icons/doctype-icons.stories.d.ts +16 -16
  36. package/dist/Icons/leap-icons.stories.d.ts +20 -20
  37. package/dist/ImageUpload/ImageUpload.stories.d.ts +2 -1
  38. package/dist/Input/Input.stories.d.ts +409 -340
  39. package/dist/InputLabel/InputLabel.stories.d.ts +1 -0
  40. package/dist/index.esm.js +1 -1
  41. package/dist/index.esm.js.map +1 -1
  42. package/dist/index.js +1 -1
  43. package/dist/index.js.map +1 -1
  44. package/dist/stories/resources/tokensColorsLeap.d.ts +2 -2
  45. package/dist/stories/resources/typographyLeapDesktop.d.ts +2 -2
  46. package/dist/stories/resources/typographyLeapWeb.d.ts +2 -2
  47. package/package.json +1 -3
package/dist/index.js CHANGED
@@ -16458,7 +16458,7 @@ styleInject(css_248z);
16458
16458
 
16459
16459
  var StyledDateRangePicker = material.styled(dist.DateRangePicker)(function (_a) {
16460
16460
  var theme = _a.theme;
16461
- return "\n .rdrDateRangeWrapper {\n border: none;\n }\n\n /* Defined Ranges */\n .rdrDefinedRangesWrapper {\n width: 120px;\n border-color: ".concat(theme.palette.divider, ";\n }\n\n .rdrInputRanges {\n display: none;\n }\n\n .rdrStaticRange {\n font-family: ").concat(theme.typography.body1.fontFamily, ";\n }\n\n .rdrDefinedRangesWrapper .rdrStaticRangeSelected {\n color: ").concat(theme.palette.primary.main, ";\n background-color: #dceef9;\n }\n\n .rdrStaticRangeLabel {\n line-height: 1rem;\n padding: 0.625rem 1.5rem;\n }\n\n /* Calendar */\n .rdrDateDisplayWrapper {\n background-color: ").concat(theme.palette.background.default, ";\n }\n\n .rdrDateDisplay {\n margin: 0.5rem 0.75rem;\n }\n\n .rdrDateDisplayItem {\n border-radius: ").concat(theme.shapes.button, ";\n }\n\n .rdrDateDisplayItem input {\n height: 1.5rem;\n line-height: 1.5rem;\n }\n\n .rdrDateDisplayItemActive {\n border-color: #32abe2;\n }\n\n .rdrMonthAndYearWrapper {\n height: 2rem;\n padding-top: 0;\n border-top: 1px solid ").concat(theme.palette.divider, ";\n border-bottom: 1px solid ").concat(theme.palette.divider, ";\n }\n\n .leap-4d-calendar .rdrMonthAndYearWrapper {\n border-top: none;\n }\n\n .rdrMonthAndYearPickers select {\n padding: 8px 24px 8px 0px;\n font-size: 13px;\n color: ").concat(theme.palette.primary.main, ";\n border-radius: 0;\n }\n\n .rdrMonthAndYearPickers select:hover {\n background-color: #dceef9;\n }\n\n .rdrMonthAndYearPickers select option {\n background-color: white;\n }\n\n .rdrMonthName {\n padding: 0.5rem 0.5rem 0.25rem;\n text-align: center;\n color: ").concat(theme.palette.text.secondary, ";\n }\n\n .rdrMonth {\n padding: 0 1em 0.5em;\n width: 18.5em;\n }\n\n .rdrMonth:only-child {\n margin: 0 auto;\n width: 100%;\n }\n\n .rdrMonth:only-child .rdrStartEdge {\n left: 4px;\n }\n\n .rdrMonth:only-child .rdrEndEdge {\n right: 4px;\n }\n \n .rdrDay {\n height: 2em;\n line-height: 2em;\n }\n\n .rdrDayStartPreview,\n .rdrDayInPreview,\n .rdrDayEndPreview,\n .rdrSelected,\n .rdrInRange,\n .rdrStartEdge,\n .rdrEndEdge {\n top: 1px;\n bottom: 1px;\n }\n\n .rdrWeekDay {\n color: #aab0b8;\n font-weight: 600;\n line-height: 2em;\n }\n\n .rdrDayNumber span {\n color: ").concat(theme.palette.text.primary, ";\n }\n\n .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,\n .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,\n .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,\n .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {\n color: ").concat(theme.palette.primary.main, ";\n }\n\n .rdrDayToday .rdrDayNumber span {\n font-weight: 600;\n }\n\n .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,\n .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,\n .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,\n .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {\n background-color: ").concat(theme.palette.primary.main, ";\n }\n\n .rdrDayToday .rdrDayNumber span:after {\n background-color: ").concat(theme.palette.primary.main, ";\n bottom: -1px;\n width: 15px;\n height: 1px;\n }\n\n .rdrNextPrevButton {\n margin: 0 0.5rem;\n background: none;\n }\n\n .rdrNextPrevButton:hover {\n background-color: #E1E7F0;\n }\n\n .rdrNextPrevButton i {\n width: 24px;\n height: 24px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3964 7.14645C12.5917 6.95118 12.9083 6.95118 13.1036 7.14645L17.6036 11.6464C17.7988 11.8417 17.7988 12.1583 17.6036 12.3536L13.1036 16.8536C12.9083 17.0488 12.5917 17.0488 12.3964 16.8536C12.2012 16.6583 12.2012 16.3417 12.3964 16.1464L16.0429 12.5H6.75C6.47386 12.5 6.25 12.2761 6.25 12C6.25 11.7239 6.47386 11.5 6.75 11.5H16.0429L12.3964 7.85355C12.2012 7.65829 12.2012 7.34171 12.3964 7.14645Z' fill='%231E365E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5ZM12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5Z' fill='%231E365E'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n padding: 0;\n margin: 0;\n }\n\n .rdrPprevButton i {\n border: none;\n transform: rotate(-180deg);\n }\n\n .rdrNextButton i {\n border: none;\n transform: none;\n }\n\n &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayHovered .rdrDayNumber:after {\n border-radius: 100%;\n top: -4px;\n bottom: -4px;\n left: 4px;\n right: 4px;\n }\n\n &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayStartPreview,\n &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayActive.rdrDayStartOfWeek .rdrDayNumber:after {\n left: 4px;\n }\n\n &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayEndPreview,\n &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayActive.rdrDayEndOfWeek .rdrDayNumber:after {\n right: 4px;\n }\n\n\n .rdrStaticRange:hover .rdrStaticRangeLabel,\n .rdrStaticRange:focus .rdrStaticRangeLabel {\n background-color: #dceef9;\n }\n\n .rdrDayStartPreview,\n .rdrStartEdge,\n .rdrDayStartOfWeek .rdrDayEndPreview,\n .rdrDayStartOfWeek .rdrDayInPreview {\n left: 3px;\n }\n\n .rdrDayEndPreview,\n .rdrEndEdge,\n .rdrDayEndOfWeek .rdrDayStartPreview,\n .rdrDayEndOfWeek .rdrDayInPreview {\n right: 3px;\n }\n\n .rdrDayPassive .rdrDayNumber span {\n color: #d8d8d8;\n }\n");
16461
+ return "\n .rdrDateRangeWrapper {\n border: none;\n }\n\n /* Defined Ranges */\n .rdrDefinedRangesWrapper {\n width: 120px;\n border-color: ".concat(theme.palette.divider, ";\n }\n\n .rdrInputRanges {\n display: none;\n }\n\n .rdrStaticRange {\n font-family: ").concat(theme.typography.body1.fontFamily, ";\n }\n\n .rdrDefinedRangesWrapper .rdrStaticRangeSelected {\n color: ").concat(theme.palette.primary.main, ";\n background-color: #dceef9;\n }\n\n .rdrStaticRangeLabel {\n line-height: 1rem;\n padding: 0.625rem 1.5rem;\n color: ").concat(theme.palette.primary.main, ";\n }\n\n /* Calendar */\n .rdrDateDisplayWrapper {\n background-color: ").concat(theme.palette.background.default, ";\n }\n\n .rdrDateDisplay {\n margin: 0.5rem 0.75rem;\n }\n\n .rdrDateDisplayItem {\n border-radius: ").concat(theme.shapes.button, ";\n }\n\n .rdrDateDisplayItem input {\n height: 1.5rem;\n line-height: 1.5rem;\n }\n\n .rdrDateDisplayItemActive {\n border-color: #32abe2;\n }\n\n .rdrMonthAndYearWrapper {\n height: 2rem;\n padding-top: 0;\n border-top: 1px solid ").concat(theme.palette.divider, ";\n border-bottom: 1px solid ").concat(theme.palette.divider, ";\n }\n\n .leap-4d-calendar .rdrMonthAndYearWrapper {\n border-top: none;\n }\n\n .rdrMonthAndYearPickers select {\n padding: 8px 24px 8px 0px;\n font-size: 13px;\n color: ").concat(theme.palette.primary.main, ";\n border-radius: 0;\n }\n\n .rdrMonthAndYearPickers select:hover {\n background-color: #dceef9;\n }\n\n .rdrMonthAndYearPickers select option {\n background-color: white;\n }\n\n .rdrMonthName {\n padding: 0.5rem 0.5rem 0.25rem;\n text-align: center;\n color: ").concat(theme.palette.text.secondary, ";\n }\n\n .rdrMonth {\n padding: 0 1em 0.5em;\n width: 18.5em;\n }\n\n .rdrMonth:only-child {\n margin: 0 auto;\n width: 100%;\n }\n\n .rdrMonth:only-child .rdrStartEdge {\n left: 4px;\n }\n\n .rdrMonth:only-child .rdrEndEdge {\n right: 4px;\n }\n \n .rdrDay {\n height: 2em;\n line-height: 2em;\n }\n\n .rdrDayStartPreview,\n .rdrDayInPreview,\n .rdrDayEndPreview,\n .rdrSelected,\n .rdrInRange,\n .rdrStartEdge,\n .rdrEndEdge {\n top: 1px;\n bottom: 1px;\n }\n\n .rdrWeekDay {\n color: #aab0b8;\n font-weight: 600;\n line-height: 2em;\n }\n\n .rdrDayNumber span {\n color: ").concat(theme.palette.text.primary, ";\n }\n\n .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,\n .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,\n .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,\n .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {\n color: ").concat(theme.palette.primary.main, ";\n }\n\n .rdrDayToday .rdrDayNumber span {\n font-weight: 600;\n }\n\n .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,\n .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,\n .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,\n .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {\n background-color: ").concat(theme.palette.primary.main, ";\n }\n\n .rdrDayToday .rdrDayNumber span:after {\n background-color: ").concat(theme.palette.primary.main, ";\n bottom: -1px;\n width: 15px;\n height: 1px;\n }\n\n .rdrNextPrevButton {\n margin: 0 0.5rem;\n background: none;\n }\n\n .rdrNextPrevButton:hover {\n background-color: #E1E7F0;\n }\n\n .rdrNextPrevButton i {\n width: 24px;\n height: 24px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3964 7.14645C12.5917 6.95118 12.9083 6.95118 13.1036 7.14645L17.6036 11.6464C17.7988 11.8417 17.7988 12.1583 17.6036 12.3536L13.1036 16.8536C12.9083 17.0488 12.5917 17.0488 12.3964 16.8536C12.2012 16.6583 12.2012 16.3417 12.3964 16.1464L16.0429 12.5H6.75C6.47386 12.5 6.25 12.2761 6.25 12C6.25 11.7239 6.47386 11.5 6.75 11.5H16.0429L12.3964 7.85355C12.2012 7.65829 12.2012 7.34171 12.3964 7.14645Z' fill='%231E365E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5ZM12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5Z' fill='%231E365E'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n padding: 0;\n margin: 0;\n }\n\n .rdrPprevButton i {\n border: none;\n transform: rotate(-180deg);\n }\n\n .rdrNextButton i {\n border: none;\n transform: none;\n }\n\n &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayHovered .rdrDayNumber:after {\n border-radius: 100%;\n top: -4px;\n bottom: -4px;\n left: 4px;\n right: 4px;\n }\n\n &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayStartPreview,\n &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayActive.rdrDayStartOfWeek .rdrDayNumber:after {\n left: 4px;\n }\n\n &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayEndPreview,\n &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayActive.rdrDayEndOfWeek .rdrDayNumber:after {\n right: 4px;\n }\n\n\n .rdrStaticRange:hover .rdrStaticRangeLabel,\n .rdrStaticRange:focus .rdrStaticRangeLabel {\n background-color: #dceef9;\n }\n\n .rdrDayStartPreview,\n .rdrStartEdge,\n .rdrDayStartOfWeek .rdrDayEndPreview,\n .rdrDayStartOfWeek .rdrDayInPreview {\n left: 3px;\n }\n\n .rdrDayEndPreview,\n .rdrEndEdge,\n .rdrDayEndOfWeek .rdrDayStartPreview,\n .rdrDayEndOfWeek .rdrDayInPreview {\n right: 3px;\n }\n\n .rdrDayPassive .rdrDayNumber span {\n color: #d8d8d8;\n }\n");
16462
16462
  });
16463
16463
 
16464
16464
  var DateRangePicker = function (props) {