@veeqo/ui 14.9.0-beta-1 → 14.9.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 (134) hide show
  1. package/dist/components/Accordion/Accordion.cjs +16 -19
  2. package/dist/components/Accordion/Accordion.cjs.map +1 -1
  3. package/dist/components/Accordion/Accordion.js +16 -19
  4. package/dist/components/Accordion/Accordion.js.map +1 -1
  5. package/dist/components/Accordion/styled.cjs +49 -0
  6. package/dist/components/Accordion/styled.cjs.map +1 -0
  7. package/dist/components/Accordion/styled.d.ts +26 -0
  8. package/dist/components/Accordion/styled.js +34 -0
  9. package/dist/components/Accordion/styled.js.map +1 -0
  10. package/dist/components/Action/Action.d.ts +4 -4
  11. package/dist/components/Card/Card.cjs +9 -36
  12. package/dist/components/Card/Card.cjs.map +1 -1
  13. package/dist/components/Card/Card.d.ts +5 -10
  14. package/dist/components/Card/Card.js +2 -29
  15. package/dist/components/Card/Card.js.map +1 -1
  16. package/dist/components/Card/styled.cjs +50 -0
  17. package/dist/components/Card/styled.cjs.map +1 -0
  18. package/dist/components/Card/styled.d.ts +16 -0
  19. package/dist/components/Card/styled.js +40 -0
  20. package/dist/components/Card/styled.js.map +1 -0
  21. package/dist/components/CardHeader/CardHeader.cjs +3 -3
  22. package/dist/components/CardHeader/CardHeader.cjs.map +1 -1
  23. package/dist/components/CardHeader/CardHeader.js +3 -3
  24. package/dist/components/CardHeader/CardHeader.js.map +1 -1
  25. package/dist/components/CardHeader/styled.cjs +15 -0
  26. package/dist/components/CardHeader/styled.cjs.map +1 -0
  27. package/dist/components/CardHeader/styled.d.ts +2 -0
  28. package/dist/components/CardHeader/styled.js +8 -0
  29. package/dist/components/CardHeader/styled.js.map +1 -0
  30. package/dist/components/DimensionsInput/DimensionsInput.d.ts +10 -10
  31. package/dist/components/Dropdown/styled.cjs +1 -12
  32. package/dist/components/Dropdown/styled.cjs.map +1 -1
  33. package/dist/components/Dropdown/styled.d.ts +11 -0
  34. package/dist/components/Dropdown/styled.js +1 -12
  35. package/dist/components/Dropdown/styled.js.map +1 -1
  36. package/dist/components/FilterTag/styled.d.ts +1 -1
  37. package/dist/components/Flex/FlexCol/FlexCol.d.ts +1 -1
  38. package/dist/components/Flex/FlexRow/FlexRow.d.ts +1 -1
  39. package/dist/components/LegacyDataTable/SpecificState/styled.d.ts +2 -2
  40. package/dist/components/Modal/components/Dialog/styles/baseStyles.cjs +1 -1
  41. package/dist/components/Modal/components/Dialog/styles/baseStyles.cjs.map +1 -1
  42. package/dist/components/Modal/components/Dialog/styles/baseStyles.js +1 -1
  43. package/dist/components/Modal/components/Dialog/styles/baseStyles.js.map +1 -1
  44. package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.cjs +2 -2
  45. package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.cjs.map +1 -1
  46. package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.js +2 -2
  47. package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.js.map +1 -1
  48. package/dist/components/Pagination/styled.d.ts +11 -11
  49. package/dist/components/PhoneInput/index.d.ts +10 -10
  50. package/dist/components/Search/Search.d.ts +10 -10
  51. package/dist/components/Search/styled.d.ts +10 -10
  52. package/dist/components/SimpleTable/SimpleTable.cjs +7 -20
  53. package/dist/components/SimpleTable/SimpleTable.cjs.map +1 -1
  54. package/dist/components/SimpleTable/SimpleTable.d.ts +7 -9
  55. package/dist/components/SimpleTable/SimpleTable.js +2 -15
  56. package/dist/components/SimpleTable/SimpleTable.js.map +1 -1
  57. package/dist/components/SimpleTable/styled.cjs +34 -0
  58. package/dist/components/SimpleTable/styled.cjs.map +1 -0
  59. package/dist/components/SimpleTable/styled.d.ts +15 -0
  60. package/dist/components/SimpleTable/styled.js +23 -0
  61. package/dist/components/SimpleTable/styled.js.map +1 -0
  62. package/dist/components/Text/Text.d.ts +1 -1
  63. package/dist/components/TextField/TextField.d.ts +10 -10
  64. package/dist/components/TextField/index.d.ts +10 -10
  65. package/dist/components/ToastsLayout/ToastsLayout.cjs +45 -9
  66. package/dist/components/ToastsLayout/ToastsLayout.cjs.map +1 -1
  67. package/dist/components/ToastsLayout/ToastsLayout.d.ts +4 -0
  68. package/dist/components/ToastsLayout/ToastsLayout.js +46 -10
  69. package/dist/components/ToastsLayout/ToastsLayout.js.map +1 -1
  70. package/dist/components/ToastsLayout/ToastsLayout.module.scss.cjs +2 -2
  71. package/dist/components/ToastsLayout/ToastsLayout.module.scss.cjs.map +1 -1
  72. package/dist/components/ToastsLayout/ToastsLayout.module.scss.js +2 -2
  73. package/dist/components/ToastsLayout/ToastsLayout.module.scss.js.map +1 -1
  74. package/dist/components/ToastsLayout/components/Toast.cjs +28 -23
  75. package/dist/components/ToastsLayout/components/Toast.cjs.map +1 -1
  76. package/dist/components/ToastsLayout/components/Toast.d.ts +5 -1
  77. package/dist/components/ToastsLayout/components/Toast.js +28 -23
  78. package/dist/components/ToastsLayout/components/Toast.js.map +1 -1
  79. package/dist/components/ToastsLayout/components/Toast.module.scss.cjs +9 -0
  80. package/dist/components/ToastsLayout/components/Toast.module.scss.cjs.map +1 -0
  81. package/dist/components/ToastsLayout/components/Toast.module.scss.js +7 -0
  82. package/dist/components/ToastsLayout/components/Toast.module.scss.js.map +1 -0
  83. package/dist/components/ToastsLayout/index.d.ts +1 -1
  84. package/dist/components/ToastsLayout/types.d.ts +1 -2
  85. package/dist/components/UploadFile/UploadFile.cjs +2 -7
  86. package/dist/components/UploadFile/UploadFile.cjs.map +1 -1
  87. package/dist/components/UploadFile/UploadFile.js +2 -7
  88. package/dist/components/UploadFile/UploadFile.js.map +1 -1
  89. package/dist/components/UploadFile/styled.cjs +54 -0
  90. package/dist/components/UploadFile/styled.cjs.map +1 -0
  91. package/dist/components/UploadFile/styled.d.ts +4 -0
  92. package/dist/components/UploadFile/styled.js +48 -0
  93. package/dist/components/UploadFile/styled.js.map +1 -0
  94. package/dist/components/View/View.cjs +9 -37
  95. package/dist/components/View/View.cjs.map +1 -1
  96. package/dist/components/View/View.js +7 -35
  97. package/dist/components/View/View.js.map +1 -1
  98. package/dist/components/View/styled.cjs +53 -0
  99. package/dist/components/View/styled.cjs.map +1 -0
  100. package/dist/components/View/styled.d.ts +37 -0
  101. package/dist/components/View/styled.js +41 -0
  102. package/dist/components/View/styled.js.map +1 -0
  103. package/dist/components/ViewTab/ViewTab.d.ts +1 -1
  104. package/dist/components/index.d.ts +1 -1
  105. package/package.json +1 -1
  106. package/dist/components/Accordion/Accordion.module.scss.cjs +0 -9
  107. package/dist/components/Accordion/Accordion.module.scss.cjs.map +0 -1
  108. package/dist/components/Accordion/Accordion.module.scss.js +0 -7
  109. package/dist/components/Accordion/Accordion.module.scss.js.map +0 -1
  110. package/dist/components/Card/Card.module.scss.cjs +0 -9
  111. package/dist/components/Card/Card.module.scss.cjs.map +0 -1
  112. package/dist/components/Card/Card.module.scss.js +0 -7
  113. package/dist/components/Card/Card.module.scss.js.map +0 -1
  114. package/dist/components/CardHeader/CardHeader.module.scss.cjs +0 -9
  115. package/dist/components/CardHeader/CardHeader.module.scss.cjs.map +0 -1
  116. package/dist/components/CardHeader/CardHeader.module.scss.js +0 -7
  117. package/dist/components/CardHeader/CardHeader.module.scss.js.map +0 -1
  118. package/dist/components/SimpleTable/SimpleTable.module.scss.cjs +0 -9
  119. package/dist/components/SimpleTable/SimpleTable.module.scss.cjs.map +0 -1
  120. package/dist/components/SimpleTable/SimpleTable.module.scss.js +0 -7
  121. package/dist/components/SimpleTable/SimpleTable.module.scss.js.map +0 -1
  122. package/dist/components/ToastsLayout/components/ToastTransitionItem.cjs +0 -18
  123. package/dist/components/ToastsLayout/components/ToastTransitionItem.cjs.map +0 -1
  124. package/dist/components/ToastsLayout/components/ToastTransitionItem.d.ts +0 -12
  125. package/dist/components/ToastsLayout/components/ToastTransitionItem.js +0 -12
  126. package/dist/components/ToastsLayout/components/ToastTransitionItem.js.map +0 -1
  127. package/dist/components/UploadFile/UploadFile.module.scss.cjs +0 -9
  128. package/dist/components/UploadFile/UploadFile.module.scss.cjs.map +0 -1
  129. package/dist/components/UploadFile/UploadFile.module.scss.js +0 -7
  130. package/dist/components/UploadFile/UploadFile.module.scss.js.map +0 -1
  131. package/dist/components/View/View.module.scss.cjs +0 -9
  132. package/dist/components/View/View.module.scss.cjs.map +0 -1
  133. package/dist/components/View/View.module.scss.js +0 -7
  134. package/dist/components/View/View.module.scss.js.map +0 -1
package/dist/components/LegacyDataTable/SpecificState/styled.d.ts CHANGED
@@ -7,11 +7,11 @@ declare const EllipseContainer: import("styled-components").StyledComponent<impo
7
7
  declare const TitleText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
8
8
  as?: import("../../Text").ValidTextTag | undefined;
9
9
  muted?: boolean | undefined;
10
- variant?: "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "body" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholder" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "button" | "buttonSmall" | "linkLarge" | "linkMedium" | "link" | "linkSmall" | undefined;
10
+ variant?: "body" | "button" | "link" | "placeholder" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
11
11
  } & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
12
12
  declare const SubTitleText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
13
13
  as?: import("../../Text").ValidTextTag | undefined;
14
14
  muted?: boolean | undefined;
15
- variant?: "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "body" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholder" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "button" | "buttonSmall" | "linkLarge" | "linkMedium" | "link" | "linkSmall" | undefined;
15
+ variant?: "body" | "button" | "link" | "placeholder" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
16
16
  } & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
17
17
  export { SpecificStateContainer, EllipseContainer, TitleText, SubTitleText };
package/dist/components/Modal/components/Dialog/styles/baseStyles.cjs CHANGED
@@ -7,7 +7,7 @@ var index = require('../../../../../theme/index.cjs');
7
7
  var styled = require('../../styled.cjs');
8
8
  var constants = require('../constants.cjs');
9
9
 
10
- const baseModalStyles = styled$1.css `padding:0;border:none;border-radius:${index.theme.sizes.sm};box-shadow:${index.theme.shadows.lg};z-index:${index.theme.layers.modal};&::backdrop{animation:fadeIn 0.25s ease forwards;background-color:${color.getOpaqueHexColor(index.theme.colors.neutral.ink.base, 0.5)};width:100%;height:100%;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}& > ${Card.Card.Surface.toString()}{display:flex;flex-direction:column;${styled.MainSection}{padding-bottom:${index.theme.sizes.md};}${Card.Card.Footer.toString()}{margin-top:0;}}@media (max-width: ${({ variant }) => constants.fullScreenBreakpointMap[variant]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Card.Card.Surface.toString()}{border-radius:0;height:100%;width:100%;max-height:unset;}}`;
10
+ const baseModalStyles = styled$1.css `padding:0;border:none;border-radius:${index.theme.sizes.sm};box-shadow:${index.theme.shadows.lg};z-index:${index.theme.layers.modal};&::backdrop{animation:fadeIn 0.25s ease forwards;background-color:${color.getOpaqueHexColor(index.theme.colors.neutral.ink.base, 0.5)};width:100%;height:100%;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}& > ${Card.Card.Surface}{display:flex;flex-direction:column;${styled.MainSection}{padding-bottom:${index.theme.sizes.md};}${Card.Card.Footer}{margin-top:0;}}@media (max-width: ${({ variant }) => constants.fullScreenBreakpointMap[variant]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Card.Card.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}`;
11
11
 
12
12
  exports.baseModalStyles = baseModalStyles;
13
13
  //# sourceMappingURL=baseStyles.cjs.map
package/dist/components/Modal/components/Dialog/styles/baseStyles.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"baseStyles.cjs","sources":["../../../../../../src/components/Modal/components/Dialog/styles/baseStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { getOpaqueHexColor } from '../../../../../utils/color';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { MainSection } from '../../styled';\nimport { fullScreenBreakpointMap } from '../constants';\n\nexport const baseModalStyles = css<{ variant: ModalVariants }>`\n padding: 0;\n border: none;\n border-radius: ${theme.sizes.sm};\n box-shadow: ${theme.shadows.lg};\n z-index: ${theme.layers.modal};\n\n &::backdrop {\n animation: fadeIn 0.25s ease forwards;\n background-color: ${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};\n width: 100%;\n height: 100%;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n & > ${Card.Surface.toString()} {\n display: flex;\n flex-direction: column;\n\n ${MainSection} {\n padding-bottom: ${theme.sizes.md};\n }\n\n ${Card.Footer.toString()} {\n margin-top: 0;\n }\n }\n\n @media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}) {\n margin: 0;\n width: 100%;\n max-width: 100vw;\n max-height: 100vh;\n\n &,\n & > ${Card.Surface.toString()} {\n border-radius: 0;\n height: 100%;\n width: 100%;\n max-height: unset;\n }\n }\n`;\n"],"names":["css","theme","getOpaqueHexColor","Card","MainSection","fullScreenBreakpointMap"],"mappings":";;;;;;;;;AAQO,MAAM,eAAe,GAAGA,YAAG,wCAGfC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,YAAA,EACjBA,WAAK,CAAC,OAAO,CAAC,EAAE,CAAA,SAAA,EACnBA,WAAK,CAAC,MAAM,CAAC,KAAK,CAAA,mEAAA,EAIPC,uBAAiB,CAACD,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA,8EAAA,EAcrEE,SAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAA,oCAAA,EAIzBC,kBAAW,mBACOH,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,EAGhCE,SAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAA,mCAAA,EAKL,CAAC,EAAE,OAAO,EAAE,KAAKE,iCAAuB,CAAC,OAAO,CAAC,CAAA,6DAAA,EAO9DF,SAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;;;;"}
1
+ {"version":3,"file":"baseStyles.cjs","sources":["../../../../../../src/components/Modal/components/Dialog/styles/baseStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { getOpaqueHexColor } from '../../../../../utils/color';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { MainSection } from '../../styled';\nimport { fullScreenBreakpointMap } from '../constants';\n\nexport const baseModalStyles = css<{ variant: ModalVariants }>`\n padding: 0;\n border: none;\n border-radius: ${theme.sizes.sm};\n box-shadow: ${theme.shadows.lg};\n z-index: ${theme.layers.modal};\n\n &::backdrop {\n animation: fadeIn 0.25s ease forwards;\n background-color: ${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};\n width: 100%;\n height: 100%;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n & > ${Card.Surface} {\n display: flex;\n flex-direction: column;\n\n ${MainSection} {\n padding-bottom: ${theme.sizes.md};\n }\n\n ${Card.Footer} {\n margin-top: 0;\n }\n }\n\n @media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}) {\n margin: 0;\n width: 100%;\n max-width: 100vw;\n max-height: 100vh;\n\n &,\n & > ${Card.Surface} {\n border-radius: 0;\n height: 100%;\n width: 100%;\n max-height: unset;\n }\n }\n`;\n"],"names":["css","theme","getOpaqueHexColor","Card","MainSection","fullScreenBreakpointMap"],"mappings":";;;;;;;;;AAQO,MAAM,eAAe,GAAGA,YAAG,CAAA,CAAA,oCAAA,EAGfC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,YAAA,EACjBA,WAAK,CAAC,OAAO,CAAC,EAAE,CAAA,SAAA,EACnBA,WAAK,CAAC,MAAM,CAAC,KAAK,CAAA,mEAAA,EAIPC,uBAAiB,CAACD,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA,8EAAA,EAcrEE,SAAI,CAAC,OAAO,CAAA,oCAAA,EAIdC,kBAAW,CAAA,gBAAA,EACOH,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,EAGhCE,SAAI,CAAC,MAAM,CAAA,mCAAA,EAKM,CAAC,EAAE,OAAO,EAAE,KAAKE,iCAAuB,CAAC,OAAO,CAAC,CAAA,6DAAA,EAO9DF,SAAI,CAAC,OAAO;;;;"}
package/dist/components/Modal/components/Dialog/styles/baseStyles.js CHANGED
@@ -5,7 +5,7 @@ import { theme } from '../../../../../theme/index.js';
5
5
  import { MainSection } from '../../styled.js';
6
6
  import { fullScreenBreakpointMap } from '../constants.js';
7
7
 
8
- const baseModalStyles = css `padding:0;border:none;border-radius:${theme.sizes.sm};box-shadow:${theme.shadows.lg};z-index:${theme.layers.modal};&::backdrop{animation:fadeIn 0.25s ease forwards;background-color:${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};width:100%;height:100%;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}& > ${Card.Surface.toString()}{display:flex;flex-direction:column;${MainSection}{padding-bottom:${theme.sizes.md};}${Card.Footer.toString()}{margin-top:0;}}@media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Card.Surface.toString()}{border-radius:0;height:100%;width:100%;max-height:unset;}}`;
8
+ const baseModalStyles = css `padding:0;border:none;border-radius:${theme.sizes.sm};box-shadow:${theme.shadows.lg};z-index:${theme.layers.modal};&::backdrop{animation:fadeIn 0.25s ease forwards;background-color:${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};width:100%;height:100%;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}& > ${Card.Surface}{display:flex;flex-direction:column;${MainSection}{padding-bottom:${theme.sizes.md};}${Card.Footer}{margin-top:0;}}@media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Card.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}`;
9
9
 
10
10
  export { baseModalStyles };
11
11
  //# sourceMappingURL=baseStyles.js.map
package/dist/components/Modal/components/Dialog/styles/baseStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"baseStyles.js","sources":["../../../../../../src/components/Modal/components/Dialog/styles/baseStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { getOpaqueHexColor } from '../../../../../utils/color';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { MainSection } from '../../styled';\nimport { fullScreenBreakpointMap } from '../constants';\n\nexport const baseModalStyles = css<{ variant: ModalVariants }>`\n padding: 0;\n border: none;\n border-radius: ${theme.sizes.sm};\n box-shadow: ${theme.shadows.lg};\n z-index: ${theme.layers.modal};\n\n &::backdrop {\n animation: fadeIn 0.25s ease forwards;\n background-color: ${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};\n width: 100%;\n height: 100%;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n & > ${Card.Surface.toString()} {\n display: flex;\n flex-direction: column;\n\n ${MainSection} {\n padding-bottom: ${theme.sizes.md};\n }\n\n ${Card.Footer.toString()} {\n margin-top: 0;\n }\n }\n\n @media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}) {\n margin: 0;\n width: 100%;\n max-width: 100vw;\n max-height: 100vh;\n\n &,\n & > ${Card.Surface.toString()} {\n border-radius: 0;\n height: 100%;\n width: 100%;\n max-height: unset;\n }\n }\n`;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,eAAe,GAAG,GAAG,wCAGf,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,YAAA,EACjB,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA,SAAA,EACnB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA,mEAAA,EAIP,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA,8EAAA,EAcrE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAA,oCAAA,EAIzB,WAAW,mBACO,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,EAGhC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAA,mCAAA,EAKL,CAAC,EAAE,OAAO,EAAE,KAAK,uBAAuB,CAAC,OAAO,CAAC,CAAA,6DAAA,EAO9D,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;;;;"}
1
+ {"version":3,"file":"baseStyles.js","sources":["../../../../../../src/components/Modal/components/Dialog/styles/baseStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { getOpaqueHexColor } from '../../../../../utils/color';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { MainSection } from '../../styled';\nimport { fullScreenBreakpointMap } from '../constants';\n\nexport const baseModalStyles = css<{ variant: ModalVariants }>`\n padding: 0;\n border: none;\n border-radius: ${theme.sizes.sm};\n box-shadow: ${theme.shadows.lg};\n z-index: ${theme.layers.modal};\n\n &::backdrop {\n animation: fadeIn 0.25s ease forwards;\n background-color: ${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};\n width: 100%;\n height: 100%;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n & > ${Card.Surface} {\n display: flex;\n flex-direction: column;\n\n ${MainSection} {\n padding-bottom: ${theme.sizes.md};\n }\n\n ${Card.Footer} {\n margin-top: 0;\n }\n }\n\n @media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}) {\n margin: 0;\n width: 100%;\n max-width: 100vw;\n max-height: 100vh;\n\n &,\n & > ${Card.Surface} {\n border-radius: 0;\n height: 100%;\n width: 100%;\n max-height: unset;\n }\n }\n`;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA,oCAAA,EAGf,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,YAAA,EACjB,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA,SAAA,EACnB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA,mEAAA,EAIP,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA,8EAAA,EAcrE,IAAI,CAAC,OAAO,CAAA,oCAAA,EAId,WAAW,CAAA,gBAAA,EACO,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,EAGhC,IAAI,CAAC,MAAM,CAAA,mCAAA,EAKM,CAAC,EAAE,OAAO,EAAE,KAAK,uBAAuB,CAAC,OAAO,CAAC,CAAA,6DAAA,EAO9D,IAAI,CAAC,OAAO;;;;"}
package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.cjs CHANGED
@@ -6,8 +6,8 @@ var index = require('../../../../../theme/index.cjs');
6
6
  var constants = require('../constants.cjs');
7
7
 
8
8
  const { breakpoints } = index.theme;
9
- const modalStyles = styled.css `min-width:464px;& > ${Card.Card.Surface.toString()}{max-height:${({ variant }) => constants.heightMap[variant]};}&:not([open]){display:block;position:fixed;inset:0;transform:translate(-50%, -50%);}@media (min-width: calc(${breakpoints.mobile} + 1px))and (max-width: ${breakpoints.tablet}){max-width:${({ variant }) => constants.widthMap[breakpoints.tablet][variant]};}@media (min-width: ${breakpoints.tablet})and (max-width: ${breakpoints.lgTablet}){max-width:${({ variant }) => constants.widthMap[breakpoints.lgTablet][variant]};}@media (min-width: ${breakpoints.lgTablet})and (max-width: ${breakpoints.desktop}){max-width:${({ variant }) => constants.widthMap[breakpoints.desktop][variant]};}@media (min-width: ${breakpoints.desktop}){max-width:${({ variant }) => constants.widthMap[breakpoints.lgDesktop][variant]};}`;
10
- const sideDrawerBaseStyles = styled.css `height:100%;max-height:100%;min-width:320px;width:400px;margin:0;position:fixed;transform:none;border-radius:0;overflow:visible;& > ${Card.Card.Surface.toString()}{border-radius:0;height:100%;}&:not([open]){display:block;}`;
9
+ const modalStyles = styled.css `min-width:464px;& > ${Card.Card.Surface}{max-height:${({ variant }) => constants.heightMap[variant]};}&:not([open]){display:block;position:fixed;inset:0;transform:translate(-50%, -50%);}@media (min-width: calc(${breakpoints.mobile} + 1px))and (max-width: ${breakpoints.tablet}){max-width:${({ variant }) => constants.widthMap[breakpoints.tablet][variant]};}@media (min-width: ${breakpoints.tablet})and (max-width: ${breakpoints.lgTablet}){max-width:${({ variant }) => constants.widthMap[breakpoints.lgTablet][variant]};}@media (min-width: ${breakpoints.lgTablet})and (max-width: ${breakpoints.desktop}){max-width:${({ variant }) => constants.widthMap[breakpoints.desktop][variant]};}@media (min-width: ${breakpoints.desktop}){max-width:${({ variant }) => constants.widthMap[breakpoints.lgDesktop][variant]};}`;
10
+ const sideDrawerBaseStyles = styled.css `height:100%;max-height:100%;min-width:320px;width:400px;margin:0;position:fixed;transform:none;border-radius:0;overflow:visible;& > ${Card.Card.Surface}{border-radius:0;height:100%;}&:not([open]){display:block;}`;
11
11
  const leftDrawerStyles = styled.css `${sideDrawerBaseStyles} inset:0 auto 0 0;`;
12
12
  const rightDrawerStyles = styled.css `${sideDrawerBaseStyles} inset:0 0 0 auto;`;
13
13
 
package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modalTypeStyles.cjs","sources":["../../../../../../src/components/Modal/components/Dialog/styles/modalTypeStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { heightMap, widthMap } from '../constants';\n\nconst { breakpoints } = theme;\n\nexport const modalStyles = css<{ variant: ModalVariants }>`\n min-width: 464px;\n\n & > ${Card.Surface.toString()} {\n max-height: ${({ variant }) => heightMap[variant]};\n }\n\n &:not([open]) {\n display: block;\n position: fixed;\n inset: 0;\n transform: translate(-50%, -50%);\n }\n\n // ** Responsive Design ** //\n\n // Tablet\n @media (min-width: calc(${breakpoints.mobile} + 1px)) and (max-width: ${breakpoints.tablet}) {\n max-width: ${({ variant }) => widthMap[breakpoints.tablet][variant]};\n }\n\n // Lg Tablet\n @media (min-width: ${breakpoints.tablet}) and (max-width: ${breakpoints.lgTablet}) {\n max-width: ${({ variant }) => widthMap[breakpoints.lgTablet][variant]};\n }\n\n // Desktop\n @media (min-width: ${breakpoints.lgTablet}) and (max-width: ${breakpoints.desktop}) {\n max-width: ${({ variant }) => widthMap[breakpoints.desktop][variant]};\n }\n\n // Lg Desktop\n @media (min-width: ${breakpoints.desktop}) {\n max-width: ${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};\n }\n`;\n\nconst sideDrawerBaseStyles = css`\n height: 100%;\n max-height: 100%;\n min-width: 320px;\n width: 400px;\n margin: 0;\n position: fixed;\n transform: none;\n border-radius: 0;\n overflow: visible;\n\n & > ${Card.Surface.toString()} {\n border-radius: 0;\n height: 100%;\n }\n\n &:not([open]) {\n display: block;\n }\n`;\n\nexport const leftDrawerStyles = css`\n ${sideDrawerBaseStyles}\n inset: 0 auto 0 0;\n`;\n\nexport const rightDrawerStyles = css`\n ${sideDrawerBaseStyles}\n inset: 0 0 0 auto;\n`;\n"],"names":["theme","css","Card","heightMap","widthMap"],"mappings":";;;;;;;AAMA,MAAM,EAAE,WAAW,EAAE,GAAGA,WAAK;AAEtB,MAAM,WAAW,GAAGC,UAAG,CAAA,CAAA,oBAAA,EAGtBC,SAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAA,YAAA,EACb,CAAC,EAAE,OAAO,EAAE,KAAKC,mBAAS,CAAC,OAAO,CAAC,CAAA,8GAAA,EAazB,WAAW,CAAC,MAAM,CAAA,wBAAA,EAA4B,WAAW,CAAC,MAAM,CAAA,YAAA,EAC3E,CAAC,EAAE,OAAO,EAAE,KAAKC,kBAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIhD,WAAW,CAAC,MAAM,CAAA,iBAAA,EAAqB,WAAW,CAAC,QAAQ,CAAA,YAAA,EACjE,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIlD,WAAW,CAAC,QAAQ,CAAA,iBAAA,EAAqB,WAAW,CAAC,OAAO,CAAA,YAAA,EAClE,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIjD,WAAW,CAAC,OAAO,CAAA,YAAA,EACzB,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA,EAAA;AAI1E,MAAM,oBAAoB,GAAGH,UAAG,CAAA,CAAA,oIAAA,EAWxBC,SAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAA,2DAAA,CAQ9B;MAEY,gBAAgB,GAAGD,UAAG,CAAA,CAAA,EAC/B,oBAAoB;MAIX,iBAAiB,GAAGA,UAAG,CAAA,CAAA,EAChC,oBAAoB;;;;;;"}
1
+ {"version":3,"file":"modalTypeStyles.cjs","sources":["../../../../../../src/components/Modal/components/Dialog/styles/modalTypeStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { heightMap, widthMap } from '../constants';\n\nconst { breakpoints } = theme;\n\nexport const modalStyles = css<{ variant: ModalVariants }>`\n min-width: 464px;\n\n & > ${Card.Surface} {\n max-height: ${({ variant }) => heightMap[variant]};\n }\n\n &:not([open]) {\n display: block;\n position: fixed;\n inset: 0;\n transform: translate(-50%, -50%);\n }\n\n // ** Responsive Design ** //\n\n // Tablet\n @media (min-width: calc(${breakpoints.mobile} + 1px)) and (max-width: ${breakpoints.tablet}) {\n max-width: ${({ variant }) => widthMap[breakpoints.tablet][variant]};\n }\n\n // Lg Tablet\n @media (min-width: ${breakpoints.tablet}) and (max-width: ${breakpoints.lgTablet}) {\n max-width: ${({ variant }) => widthMap[breakpoints.lgTablet][variant]};\n }\n\n // Desktop\n @media (min-width: ${breakpoints.lgTablet}) and (max-width: ${breakpoints.desktop}) {\n max-width: ${({ variant }) => widthMap[breakpoints.desktop][variant]};\n }\n\n // Lg Desktop\n @media (min-width: ${breakpoints.desktop}) {\n max-width: ${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};\n }\n`;\n\nconst sideDrawerBaseStyles = css`\n height: 100%;\n max-height: 100%;\n min-width: 320px;\n width: 400px;\n margin: 0;\n position: fixed;\n transform: none;\n border-radius: 0;\n overflow: visible;\n\n & > ${Card.Surface} {\n border-radius: 0;\n height: 100%;\n }\n\n &:not([open]) {\n display: block;\n }\n`;\n\nexport const leftDrawerStyles = css`\n ${sideDrawerBaseStyles}\n inset: 0 auto 0 0;\n`;\n\nexport const rightDrawerStyles = css`\n ${sideDrawerBaseStyles}\n inset: 0 0 0 auto;\n`;\n"],"names":["theme","css","Card","heightMap","widthMap"],"mappings":";;;;;;;AAMA,MAAM,EAAE,WAAW,EAAE,GAAGA,WAAK;AAEtB,MAAM,WAAW,GAAGC,UAAG,CAAA,CAAA,oBAAA,EAGtBC,SAAI,CAAC,OAAO,CAAA,YAAA,EACF,CAAC,EAAE,OAAO,EAAE,KAAKC,mBAAS,CAAC,OAAO,CAAC,CAAA,8GAAA,EAazB,WAAW,CAAC,MAAM,CAAA,wBAAA,EAA4B,WAAW,CAAC,MAAM,CAAA,YAAA,EAC3E,CAAC,EAAE,OAAO,EAAE,KAAKC,kBAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIhD,WAAW,CAAC,MAAM,CAAA,iBAAA,EAAqB,WAAW,CAAC,QAAQ,CAAA,YAAA,EACjE,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIlD,WAAW,CAAC,QAAQ,CAAA,iBAAA,EAAqB,WAAW,CAAC,OAAO,CAAA,YAAA,EAClE,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIjD,WAAW,CAAC,OAAO,CAAA,YAAA,EACzB,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA,EAAA;AAI1E,MAAM,oBAAoB,GAAGH,UAAG,CAAA,CAAA,oIAAA,EAWxBC,SAAI,CAAC,OAAO,6DAQnB;MAEY,gBAAgB,GAAGD,UAAG,CAAA,CAAA,EAC/B,oBAAoB;MAIX,iBAAiB,GAAGA,UAAG,CAAA,CAAA,EAChC,oBAAoB;;;;;;"}
package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.js CHANGED
@@ -4,8 +4,8 @@ import { theme } from '../../../../../theme/index.js';
4
4
  import { heightMap, widthMap } from '../constants.js';
5
5
 
6
6
  const { breakpoints } = theme;
7
- const modalStyles = css `min-width:464px;& > ${Card.Surface.toString()}{max-height:${({ variant }) => heightMap[variant]};}&:not([open]){display:block;position:fixed;inset:0;transform:translate(-50%, -50%);}@media (min-width: calc(${breakpoints.mobile} + 1px))and (max-width: ${breakpoints.tablet}){max-width:${({ variant }) => widthMap[breakpoints.tablet][variant]};}@media (min-width: ${breakpoints.tablet})and (max-width: ${breakpoints.lgTablet}){max-width:${({ variant }) => widthMap[breakpoints.lgTablet][variant]};}@media (min-width: ${breakpoints.lgTablet})and (max-width: ${breakpoints.desktop}){max-width:${({ variant }) => widthMap[breakpoints.desktop][variant]};}@media (min-width: ${breakpoints.desktop}){max-width:${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};}`;
8
- const sideDrawerBaseStyles = css `height:100%;max-height:100%;min-width:320px;width:400px;margin:0;position:fixed;transform:none;border-radius:0;overflow:visible;& > ${Card.Surface.toString()}{border-radius:0;height:100%;}&:not([open]){display:block;}`;
7
+ const modalStyles = css `min-width:464px;& > ${Card.Surface}{max-height:${({ variant }) => heightMap[variant]};}&:not([open]){display:block;position:fixed;inset:0;transform:translate(-50%, -50%);}@media (min-width: calc(${breakpoints.mobile} + 1px))and (max-width: ${breakpoints.tablet}){max-width:${({ variant }) => widthMap[breakpoints.tablet][variant]};}@media (min-width: ${breakpoints.tablet})and (max-width: ${breakpoints.lgTablet}){max-width:${({ variant }) => widthMap[breakpoints.lgTablet][variant]};}@media (min-width: ${breakpoints.lgTablet})and (max-width: ${breakpoints.desktop}){max-width:${({ variant }) => widthMap[breakpoints.desktop][variant]};}@media (min-width: ${breakpoints.desktop}){max-width:${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};}`;
8
+ const sideDrawerBaseStyles = css `height:100%;max-height:100%;min-width:320px;width:400px;margin:0;position:fixed;transform:none;border-radius:0;overflow:visible;& > ${Card.Surface}{border-radius:0;height:100%;}&:not([open]){display:block;}`;
9
9
  const leftDrawerStyles = css `${sideDrawerBaseStyles} inset:0 auto 0 0;`;
10
10
  const rightDrawerStyles = css `${sideDrawerBaseStyles} inset:0 0 0 auto;`;
11
11
 
package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modalTypeStyles.js","sources":["../../../../../../src/components/Modal/components/Dialog/styles/modalTypeStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { heightMap, widthMap } from '../constants';\n\nconst { breakpoints } = theme;\n\nexport const modalStyles = css<{ variant: ModalVariants }>`\n min-width: 464px;\n\n & > ${Card.Surface.toString()} {\n max-height: ${({ variant }) => heightMap[variant]};\n }\n\n &:not([open]) {\n display: block;\n position: fixed;\n inset: 0;\n transform: translate(-50%, -50%);\n }\n\n // ** Responsive Design ** //\n\n // Tablet\n @media (min-width: calc(${breakpoints.mobile} + 1px)) and (max-width: ${breakpoints.tablet}) {\n max-width: ${({ variant }) => widthMap[breakpoints.tablet][variant]};\n }\n\n // Lg Tablet\n @media (min-width: ${breakpoints.tablet}) and (max-width: ${breakpoints.lgTablet}) {\n max-width: ${({ variant }) => widthMap[breakpoints.lgTablet][variant]};\n }\n\n // Desktop\n @media (min-width: ${breakpoints.lgTablet}) and (max-width: ${breakpoints.desktop}) {\n max-width: ${({ variant }) => widthMap[breakpoints.desktop][variant]};\n }\n\n // Lg Desktop\n @media (min-width: ${breakpoints.desktop}) {\n max-width: ${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};\n }\n`;\n\nconst sideDrawerBaseStyles = css`\n height: 100%;\n max-height: 100%;\n min-width: 320px;\n width: 400px;\n margin: 0;\n position: fixed;\n transform: none;\n border-radius: 0;\n overflow: visible;\n\n & > ${Card.Surface.toString()} {\n border-radius: 0;\n height: 100%;\n }\n\n &:not([open]) {\n display: block;\n }\n`;\n\nexport const leftDrawerStyles = css`\n ${sideDrawerBaseStyles}\n inset: 0 auto 0 0;\n`;\n\nexport const rightDrawerStyles = css`\n ${sideDrawerBaseStyles}\n inset: 0 0 0 auto;\n`;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK;AAEtB,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA,oBAAA,EAGtB,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAA,YAAA,EACb,CAAC,EAAE,OAAO,EAAE,KAAK,SAAS,CAAC,OAAO,CAAC,CAAA,8GAAA,EAazB,WAAW,CAAC,MAAM,CAAA,wBAAA,EAA4B,WAAW,CAAC,MAAM,CAAA,YAAA,EAC3E,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIhD,WAAW,CAAC,MAAM,CAAA,iBAAA,EAAqB,WAAW,CAAC,QAAQ,CAAA,YAAA,EACjE,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIlD,WAAW,CAAC,QAAQ,CAAA,iBAAA,EAAqB,WAAW,CAAC,OAAO,CAAA,YAAA,EAClE,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIjD,WAAW,CAAC,OAAO,CAAA,YAAA,EACzB,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA,EAAA;AAI1E,MAAM,oBAAoB,GAAG,GAAG,CAAA,CAAA,oIAAA,EAWxB,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAA,2DAAA,CAQ9B;MAEY,gBAAgB,GAAG,GAAG,CAAA,CAAA,EAC/B,oBAAoB;MAIX,iBAAiB,GAAG,GAAG,CAAA,CAAA,EAChC,oBAAoB;;;;"}
1
+ {"version":3,"file":"modalTypeStyles.js","sources":["../../../../../../src/components/Modal/components/Dialog/styles/modalTypeStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { heightMap, widthMap } from '../constants';\n\nconst { breakpoints } = theme;\n\nexport const modalStyles = css<{ variant: ModalVariants }>`\n min-width: 464px;\n\n & > ${Card.Surface} {\n max-height: ${({ variant }) => heightMap[variant]};\n }\n\n &:not([open]) {\n display: block;\n position: fixed;\n inset: 0;\n transform: translate(-50%, -50%);\n }\n\n // ** Responsive Design ** //\n\n // Tablet\n @media (min-width: calc(${breakpoints.mobile} + 1px)) and (max-width: ${breakpoints.tablet}) {\n max-width: ${({ variant }) => widthMap[breakpoints.tablet][variant]};\n }\n\n // Lg Tablet\n @media (min-width: ${breakpoints.tablet}) and (max-width: ${breakpoints.lgTablet}) {\n max-width: ${({ variant }) => widthMap[breakpoints.lgTablet][variant]};\n }\n\n // Desktop\n @media (min-width: ${breakpoints.lgTablet}) and (max-width: ${breakpoints.desktop}) {\n max-width: ${({ variant }) => widthMap[breakpoints.desktop][variant]};\n }\n\n // Lg Desktop\n @media (min-width: ${breakpoints.desktop}) {\n max-width: ${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};\n }\n`;\n\nconst sideDrawerBaseStyles = css`\n height: 100%;\n max-height: 100%;\n min-width: 320px;\n width: 400px;\n margin: 0;\n position: fixed;\n transform: none;\n border-radius: 0;\n overflow: visible;\n\n & > ${Card.Surface} {\n border-radius: 0;\n height: 100%;\n }\n\n &:not([open]) {\n display: block;\n }\n`;\n\nexport const leftDrawerStyles = css`\n ${sideDrawerBaseStyles}\n inset: 0 auto 0 0;\n`;\n\nexport const rightDrawerStyles = css`\n ${sideDrawerBaseStyles}\n inset: 0 0 0 auto;\n`;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK;AAEtB,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA,oBAAA,EAGtB,IAAI,CAAC,OAAO,CAAA,YAAA,EACF,CAAC,EAAE,OAAO,EAAE,KAAK,SAAS,CAAC,OAAO,CAAC,CAAA,8GAAA,EAazB,WAAW,CAAC,MAAM,CAAA,wBAAA,EAA4B,WAAW,CAAC,MAAM,CAAA,YAAA,EAC3E,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIhD,WAAW,CAAC,MAAM,CAAA,iBAAA,EAAqB,WAAW,CAAC,QAAQ,CAAA,YAAA,EACjE,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIlD,WAAW,CAAC,QAAQ,CAAA,iBAAA,EAAqB,WAAW,CAAC,OAAO,CAAA,YAAA,EAClE,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIjD,WAAW,CAAC,OAAO,CAAA,YAAA,EACzB,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA,EAAA;AAI1E,MAAM,oBAAoB,GAAG,GAAG,CAAA,CAAA,oIAAA,EAWxB,IAAI,CAAC,OAAO,6DAQnB;MAEY,gBAAgB,GAAG,GAAG,CAAA,CAAA,EAC/B,oBAAoB;MAIX,iBAAiB,GAAG,GAAG,CAAA,CAAA,EAChC,oBAAoB;;;;"}
package/dist/components/Pagination/styled.d.ts CHANGED
@@ -3,7 +3,7 @@ export declare const PageLimitContainer: import("styled-components").StyledCompo
3
3
  alignItems?: ("baseline" | "center" | "flex-start" | "flex-end" | "stretch") | undefined;
4
4
  justifyContent?: ("center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly") | undefined;
5
5
  gap?: keyof import("../../theme/modules/sizes").SizeScale | undefined;
6
- flexWrap?: ("nowrap" | "wrap" | "wrap-reverse") | undefined;
6
+ flexWrap?: ("wrap" | "nowrap" | "wrap-reverse") | undefined;
7
7
  flexGrow?: import("csstype").Property.FlexGrow | undefined;
8
8
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
9
9
  export declare const PaginationButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("../../hoc/withTokens").WithTokensProps & {
@@ -21,13 +21,11 @@ export declare const PaginationButton: import("styled-components").StyledCompone
21
21
  } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("../../hoc/withTokens").WithTokensProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
22
22
  export declare const PageInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<{
23
23
  rel?: string | undefined;
24
- placeholder?: string | undefined;
25
24
  form?: string | undefined;
26
25
  slot?: string | undefined;
27
26
  style?: import("react").CSSProperties | undefined;
28
27
  title?: string | undefined;
29
28
  pattern?: string | undefined;
30
- list?: string | undefined;
31
29
  className?: string | undefined;
32
30
  children?: import("react").ReactNode;
33
31
  defaultChecked?: boolean | undefined;
@@ -36,7 +34,7 @@ export declare const PageInput: import("styled-components").StyledComponent<impo
36
34
  suppressHydrationWarning?: boolean | undefined;
37
35
  accessKey?: string | undefined;
38
36
  autoFocus?: boolean | undefined;
39
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
37
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
40
38
  contextMenu?: string | undefined;
41
39
  dir?: string | undefined;
42
40
  draggable?: (boolean | "true" | "false") | undefined;
@@ -44,9 +42,10 @@ export declare const PageInput: import("styled-components").StyledComponent<impo
44
42
  id?: string | undefined;
45
43
  lang?: string | undefined;
46
44
  nonce?: string | undefined;
45
+ placeholder?: string | undefined;
47
46
  spellCheck?: (boolean | "true" | "false") | undefined;
48
47
  tabIndex?: number | undefined;
49
- translate?: "yes" | "no" | undefined;
48
+ translate?: "no" | "yes" | undefined;
50
49
  radioGroup?: string | undefined;
51
50
  role?: import("react").AriaRole | undefined;
52
51
  about?: string | undefined;
@@ -82,7 +81,7 @@ export declare const PageInput: import("styled-components").StyledComponent<impo
82
81
  'aria-colindex'?: number | undefined;
83
82
  'aria-colspan'?: number | undefined;
84
83
  'aria-controls'?: string | undefined;
85
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
84
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
86
85
  'aria-describedby'?: string | undefined;
87
86
  'aria-details'?: string | undefined;
88
87
  'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -91,7 +90,7 @@ export declare const PageInput: import("styled-components").StyledComponent<impo
91
90
  'aria-expanded'?: (boolean | "true" | "false") | undefined;
92
91
  'aria-flowto'?: string | undefined;
93
92
  'aria-grabbed'?: (boolean | "true" | "false") | undefined;
94
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
93
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
95
94
  'aria-hidden'?: (boolean | "true" | "false") | undefined;
96
95
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
97
96
  'aria-keyshortcuts'?: string | undefined;
@@ -283,13 +282,13 @@ export declare const PageInput: import("styled-components").StyledComponent<impo
283
282
  onAnimationIterationCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
284
283
  onTransitionEnd?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
285
284
  onTransitionEndCapture?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
285
+ alt?: string | undefined;
286
286
  disabled?: boolean | undefined;
287
287
  formAction?: string | undefined;
288
288
  formEncType?: string | undefined;
289
289
  formMethod?: string | undefined;
290
290
  formNoValidate?: boolean | undefined;
291
291
  formTarget?: string | undefined;
292
- alt?: string | undefined;
293
292
  autoComplete?: string | undefined;
294
293
  accept?: string | undefined;
295
294
  capture?: boolean | "user" | "environment" | undefined;
@@ -301,16 +300,17 @@ export declare const PageInput: import("styled-components").StyledComponent<impo
301
300
  maxLength?: number | undefined;
302
301
  minLength?: number | undefined;
303
302
  src?: string | undefined;
303
+ list?: string | undefined;
304
+ name?: string | undefined;
304
305
  height?: string | number | undefined;
305
306
  max?: string | number | undefined;
306
307
  min?: string | number | undefined;
307
- name?: string | undefined;
308
308
  width?: string | number | undefined;
309
- wrap?: string | undefined;
310
- step?: string | number | undefined;
311
309
  readOnly?: boolean | undefined;
312
310
  required?: boolean | undefined;
311
+ step?: string | number | undefined;
313
312
  rows?: number | undefined;
313
+ wrap?: string | undefined;
314
314
  } & {
315
315
  value?: string | undefined;
316
316
  type?: import("../TextField").TextFieldType | undefined;
package/dist/components/PhoneInput/index.d.ts CHANGED
@@ -1,13 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
3
3
  rel?: string | undefined;
4
- placeholder?: string | undefined;
5
4
  form?: string | undefined;
6
5
  slot?: string | undefined;
7
6
  style?: import("react").CSSProperties | undefined;
8
7
  title?: string | undefined;
9
8
  pattern?: string | undefined;
10
- list?: string | undefined;
11
9
  className?: string | undefined;
12
10
  children?: import("react").ReactNode;
13
11
  defaultChecked?: boolean | undefined;
@@ -16,7 +14,7 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
16
14
  suppressHydrationWarning?: boolean | undefined;
17
15
  accessKey?: string | undefined;
18
16
  autoFocus?: boolean | undefined;
19
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
17
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
20
18
  contextMenu?: string | undefined;
21
19
  dir?: string | undefined;
22
20
  draggable?: (boolean | "true" | "false") | undefined;
@@ -24,9 +22,10 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
24
22
  id?: string | undefined;
25
23
  lang?: string | undefined;
26
24
  nonce?: string | undefined;
25
+ placeholder?: string | undefined;
27
26
  spellCheck?: (boolean | "true" | "false") | undefined;
28
27
  tabIndex?: number | undefined;
29
- translate?: "yes" | "no" | undefined;
28
+ translate?: "no" | "yes" | undefined;
30
29
  radioGroup?: string | undefined;
31
30
  role?: import("react").AriaRole | undefined;
32
31
  about?: string | undefined;
@@ -62,7 +61,7 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
62
61
  'aria-colindex'?: number | undefined;
63
62
  'aria-colspan'?: number | undefined;
64
63
  'aria-controls'?: string | undefined;
65
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
64
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
66
65
  'aria-describedby'?: string | undefined;
67
66
  'aria-details'?: string | undefined;
68
67
  'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -71,7 +70,7 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
71
70
  'aria-expanded'?: (boolean | "true" | "false") | undefined;
72
71
  'aria-flowto'?: string | undefined;
73
72
  'aria-grabbed'?: (boolean | "true" | "false") | undefined;
74
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
73
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
75
74
  'aria-hidden'?: (boolean | "true" | "false") | undefined;
76
75
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
77
76
  'aria-keyshortcuts'?: string | undefined;
@@ -263,13 +262,13 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
263
262
  onAnimationIterationCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
264
263
  onTransitionEnd?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
265
264
  onTransitionEndCapture?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
265
+ alt?: string | undefined;
266
266
  disabled?: boolean | undefined;
267
267
  formAction?: string | undefined;
268
268
  formEncType?: string | undefined;
269
269
  formMethod?: string | undefined;
270
270
  formNoValidate?: boolean | undefined;
271
271
  formTarget?: string | undefined;
272
- alt?: string | undefined;
273
272
  autoComplete?: string | undefined;
274
273
  accept?: string | undefined;
275
274
  capture?: boolean | "user" | "environment" | undefined;
@@ -281,16 +280,17 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
281
280
  maxLength?: number | undefined;
282
281
  minLength?: number | undefined;
283
282
  src?: string | undefined;
283
+ list?: string | undefined;
284
+ name?: string | undefined;
284
285
  height?: string | number | undefined;
285
286
  max?: string | number | undefined;
286
287
  min?: string | number | undefined;
287
- name?: string | undefined;
288
288
  width?: string | number | undefined;
289
- wrap?: string | undefined;
290
- step?: string | number | undefined;
291
289
  readOnly?: boolean | undefined;
292
290
  required?: boolean | undefined;
291
+ step?: string | number | undefined;
293
292
  rows?: number | undefined;
293
+ wrap?: string | undefined;
294
294
  } & {
295
295
  value?: string | undefined;
296
296
  type?: import("..").TextFieldType | undefined;
package/dist/components/Search/Search.d.ts CHANGED
@@ -1,13 +1,11 @@
1
1
  import React from 'react';
2
2
  export declare const Search: React.ForwardRefExoticComponent<{
3
3
  rel?: string | undefined;
4
- placeholder?: string | undefined;
5
4
  form?: string | undefined;
6
5
  slot?: string | undefined;
7
6
  style?: React.CSSProperties | undefined;
8
7
  title?: string | undefined;
9
8
  pattern?: string | undefined;
10
- list?: string | undefined;
11
9
  className?: string | undefined;
12
10
  children?: React.ReactNode;
13
11
  defaultChecked?: boolean | undefined;
@@ -16,7 +14,7 @@ export declare const Search: React.ForwardRefExoticComponent<{
16
14
  suppressHydrationWarning?: boolean | undefined;
17
15
  accessKey?: string | undefined;
18
16
  autoFocus?: boolean | undefined;
19
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
17
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
20
18
  contextMenu?: string | undefined;
21
19
  dir?: string | undefined;
22
20
  draggable?: (boolean | "true" | "false") | undefined;
@@ -24,9 +22,10 @@ export declare const Search: React.ForwardRefExoticComponent<{
24
22
  id?: string | undefined;
25
23
  lang?: string | undefined;
26
24
  nonce?: string | undefined;
25
+ placeholder?: string | undefined;
27
26
  spellCheck?: (boolean | "true" | "false") | undefined;
28
27
  tabIndex?: number | undefined;
29
- translate?: "yes" | "no" | undefined;
28
+ translate?: "no" | "yes" | undefined;
30
29
  radioGroup?: string | undefined;
31
30
  role?: React.AriaRole | undefined;
32
31
  about?: string | undefined;
@@ -62,7 +61,7 @@ export declare const Search: React.ForwardRefExoticComponent<{
62
61
  'aria-colindex'?: number | undefined;
63
62
  'aria-colspan'?: number | undefined;
64
63
  'aria-controls'?: string | undefined;
65
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
64
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
66
65
  'aria-describedby'?: string | undefined;
67
66
  'aria-details'?: string | undefined;
68
67
  'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -71,7 +70,7 @@ export declare const Search: React.ForwardRefExoticComponent<{
71
70
  'aria-expanded'?: (boolean | "true" | "false") | undefined;
72
71
  'aria-flowto'?: string | undefined;
73
72
  'aria-grabbed'?: (boolean | "true" | "false") | undefined;
74
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
73
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
75
74
  'aria-hidden'?: (boolean | "true" | "false") | undefined;
76
75
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
77
76
  'aria-keyshortcuts'?: string | undefined;
@@ -263,13 +262,13 @@ export declare const Search: React.ForwardRefExoticComponent<{
263
262
  onAnimationIterationCapture?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
264
263
  onTransitionEnd?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
265
264
  onTransitionEndCapture?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
265
+ alt?: string | undefined;
266
266
  disabled?: boolean | undefined;
267
267
  formAction?: string | undefined;
268
268
  formEncType?: string | undefined;
269
269
  formMethod?: string | undefined;
270
270
  formNoValidate?: boolean | undefined;
271
271
  formTarget?: string | undefined;
272
- alt?: string | undefined;
273
272
  autoComplete?: string | undefined;
274
273
  accept?: string | undefined;
275
274
  capture?: boolean | "user" | "environment" | undefined;
@@ -281,16 +280,17 @@ export declare const Search: React.ForwardRefExoticComponent<{
281
280
  maxLength?: number | undefined;
282
281
  minLength?: number | undefined;
283
282
  src?: string | undefined;
283
+ list?: string | undefined;
284
+ name?: string | undefined;
284
285
  height?: string | number | undefined;
285
286
  max?: string | number | undefined;
286
287
  min?: string | number | undefined;
287
- name?: string | undefined;
288
288
  width?: string | number | undefined;
289
- wrap?: string | undefined;
290
- step?: string | number | undefined;
291
289
  readOnly?: boolean | undefined;
292
290
  required?: boolean | undefined;
291
+ step?: string | number | undefined;
293
292
  rows?: number | undefined;
293
+ wrap?: string | undefined;
294
294
  } & {
295
295
  value?: string | undefined;
296
296
  type?: import("..").TextFieldType | undefined;
package/dist/components/Search/styled.d.ts CHANGED
@@ -2,13 +2,11 @@
2
2
  import { Loader } from '../Loader';
3
3
  declare const Input: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<{
4
4
  rel?: string | undefined;
5
- placeholder?: string | undefined;
6
5
  form?: string | undefined;
7
6
  slot?: string | undefined;
8
7
  style?: import("react").CSSProperties | undefined;
9
8
  title?: string | undefined;
10
9
  pattern?: string | undefined;
11
- list?: string | undefined;
12
10
  className?: string | undefined;
13
11
  children?: import("react").ReactNode;
14
12
  defaultChecked?: boolean | undefined;
@@ -17,7 +15,7 @@ declare const Input: import("styled-components").StyledComponent<import("react")
17
15
  suppressHydrationWarning?: boolean | undefined;
18
16
  accessKey?: string | undefined;
19
17
  autoFocus?: boolean | undefined;
20
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
18
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
21
19
  contextMenu?: string | undefined;
22
20
  dir?: string | undefined;
23
21
  draggable?: (boolean | "true" | "false") | undefined;
@@ -25,9 +23,10 @@ declare const Input: import("styled-components").StyledComponent<import("react")
25
23
  id?: string | undefined;
26
24
  lang?: string | undefined;
27
25
  nonce?: string | undefined;
26
+ placeholder?: string | undefined;
28
27
  spellCheck?: (boolean | "true" | "false") | undefined;
29
28
  tabIndex?: number | undefined;
30
- translate?: "yes" | "no" | undefined;
29
+ translate?: "no" | "yes" | undefined;
31
30
  radioGroup?: string | undefined;
32
31
  role?: import("react").AriaRole | undefined;
33
32
  about?: string | undefined;
@@ -63,7 +62,7 @@ declare const Input: import("styled-components").StyledComponent<import("react")
63
62
  'aria-colindex'?: number | undefined;
64
63
  'aria-colspan'?: number | undefined;
65
64
  'aria-controls'?: string | undefined;
66
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
65
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
67
66
  'aria-describedby'?: string | undefined;
68
67
  'aria-details'?: string | undefined;
69
68
  'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -72,7 +71,7 @@ declare const Input: import("styled-components").StyledComponent<import("react")
72
71
  'aria-expanded'?: (boolean | "true" | "false") | undefined;
73
72
  'aria-flowto'?: string | undefined;
74
73
  'aria-grabbed'?: (boolean | "true" | "false") | undefined;
75
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
74
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
76
75
  'aria-hidden'?: (boolean | "true" | "false") | undefined;
77
76
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
78
77
  'aria-keyshortcuts'?: string | undefined;
@@ -264,13 +263,13 @@ declare const Input: import("styled-components").StyledComponent<import("react")
264
263
  onAnimationIterationCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
265
264
  onTransitionEnd?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
266
265
  onTransitionEndCapture?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
266
+ alt?: string | undefined;
267
267
  disabled?: boolean | undefined;
268
268
  formAction?: string | undefined;
269
269
  formEncType?: string | undefined;
270
270
  formMethod?: string | undefined;
271
271
  formNoValidate?: boolean | undefined;
272
272
  formTarget?: string | undefined;
273
- alt?: string | undefined;
274
273
  autoComplete?: string | undefined;
275
274
  accept?: string | undefined;
276
275
  capture?: boolean | "user" | "environment" | undefined;
@@ -282,16 +281,17 @@ declare const Input: import("styled-components").StyledComponent<import("react")
282
281
  maxLength?: number | undefined;
283
282
  minLength?: number | undefined;
284
283
  src?: string | undefined;
284
+ list?: string | undefined;
285
+ name?: string | undefined;
285
286
  height?: string | number | undefined;
286
287
  max?: string | number | undefined;
287
288
  min?: string | number | undefined;
288
- name?: string | undefined;
289
289
  width?: string | number | undefined;
290
- wrap?: string | undefined;
291
- step?: string | number | undefined;
292
290
  readOnly?: boolean | undefined;
293
291
  required?: boolean | undefined;
292
+ step?: string | number | undefined;
294
293
  rows?: number | undefined;
294
+ wrap?: string | undefined;
295
295
  } & {
296
296
  value?: string | undefined;
297
297
  type?: import("../TextField").TextFieldType | undefined;
package/dist/components/SimpleTable/SimpleTable.cjs CHANGED
@@ -1,34 +1,21 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var buildClassnames = require('../../utils/buildClassnames.cjs');
5
- require('uid/secure');
6
- var assignCssVars = require('../../utils/assignCssVars.cjs');
7
- var SimpleTable_module = require('./SimpleTable.module.scss.cjs');
4
+ var styled = require('./styled.cjs');
8
5
 
9
6
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
10
7
 
11
8
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
9
 
13
- const TableHeader = React__default.default.forwardRef(({ className, ...rest }, ref) => (React__default.default.createElement("thead", { ref: ref, className: buildClassnames.buildClassnames([SimpleTable_module.header, className]), ...rest })));
14
- TableHeader.displayName = 'SimpleTable.Header';
15
- const TableBody = React__default.default.forwardRef(({ className, ...rest }, ref) => (React__default.default.createElement("tbody", { ref: ref, className: buildClassnames.buildClassnames([SimpleTable_module.body, className]), ...rest })));
16
- TableBody.displayName = 'SimpleTable.Body';
17
- const TableRow = React__default.default.forwardRef(({ className, ...rest }, ref) => (React__default.default.createElement("tr", { ref: ref, className: buildClassnames.buildClassnames([SimpleTable_module.row, className]), ...rest })));
18
- TableRow.displayName = 'SimpleTable.Row';
19
- const TableCell = React__default.default.forwardRef(({ align, className, style, ...rest }, ref) => (React__default.default.createElement("td", { ref: ref, className: buildClassnames.buildClassnames([SimpleTable_module.cell, className]), style: { ...assignCssVars.assignCssVars({ textAlign: align }), ...style }, ...rest })));
20
- TableCell.displayName = 'SimpleTable.Cell';
21
- const TableHeaderCell = React__default.default.forwardRef(({ align, className, style, ...rest }, ref) => (React__default.default.createElement("th", { ref: ref, className: buildClassnames.buildClassnames([SimpleTable_module.headerCell, className]), style: { ...assignCssVars.assignCssVars({ textAlign: align }), ...style }, ...rest })));
22
- TableHeaderCell.displayName = 'SimpleTable.HeaderCell';
23
10
  /**
24
11
  * A simple table component which provides flexible, pre-styled table elements.
25
12
  */
26
- const SimpleTable = ({ striped = true, className, children }) => (React__default.default.createElement("table", { className: buildClassnames.buildClassnames([SimpleTable_module.table, striped ? SimpleTable_module.striped : undefined, className]) }, children));
27
- SimpleTable.Header = TableHeader;
28
- SimpleTable.Body = TableBody;
29
- SimpleTable.Row = TableRow;
30
- SimpleTable.HeaderCell = TableHeaderCell;
31
- SimpleTable.Cell = TableCell;
13
+ const SimpleTable = ({ striped = true, className, children }) => (React__default.default.createElement(styled.Table, { striped: striped, className: className }, children));
14
+ SimpleTable.Header = styled.TableHeader;
15
+ SimpleTable.Body = styled.TableBody;
16
+ SimpleTable.Row = styled.TableRow;
17
+ SimpleTable.HeaderCell = styled.TableHeaderCell;
18
+ SimpleTable.Cell = styled.TableCell;
32
19
 
33
20
  exports.SimpleTable = SimpleTable;
34
21
  //# sourceMappingURL=SimpleTable.cjs.map
package/dist/components/SimpleTable/SimpleTable.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SimpleTable.cjs","sources":["../../../src/components/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../utils';\nimport { assignCssVars } from '../../utils/assignCssVars';\nimport styles from './SimpleTable.module.scss';\nimport { SimpleTableProps } from './types';\n\ntype TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & {\n align?: 'left' | 'right' | 'center';\n};\n\ntype TableHeaderCellProps = React.ThHTMLAttributes<HTMLTableCellElement> & {\n align?: 'left' | 'right' | 'center';\n};\n\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...rest }, ref) => (\n <thead ref={ref} className={buildClassnames([styles.header, className])} {...rest} />\n));\nTableHeader.displayName = 'SimpleTable.Header';\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...rest }, ref) => (\n <tbody ref={ref} className={buildClassnames([styles.body, className])} {...rest} />\n));\nTableBody.displayName = 'SimpleTable.Body';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n ({ className, ...rest }, ref) => (\n <tr ref={ref} className={buildClassnames([styles.row, className])} {...rest} />\n ),\n);\nTableRow.displayName = 'SimpleTable.Row';\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n ({ align, className, style, ...rest }, ref) => (\n <td\n ref={ref}\n className={buildClassnames([styles.cell, className])}\n style={{ ...assignCssVars({ textAlign: align }), ...style }}\n {...rest}\n />\n ),\n);\nTableCell.displayName = 'SimpleTable.Cell';\n\nconst TableHeaderCell = React.forwardRef<HTMLTableCellElement, TableHeaderCellProps>(\n ({ align, className, style, ...rest }, ref) => (\n <th\n ref={ref}\n className={buildClassnames([styles.headerCell, className])}\n style={{ ...assignCssVars({ textAlign: align }), ...style }}\n {...rest}\n />\n ),\n);\nTableHeaderCell.displayName = 'SimpleTable.HeaderCell';\n\n/**\n * A simple table component which provides flexible, pre-styled table elements.\n */\nexport const SimpleTable = ({ striped = true, className, children }: SimpleTableProps) => (\n <table className={buildClassnames([styles.table, striped ? styles.striped : undefined, className])}>\n {children}\n </table>\n);\n\nSimpleTable.Header = TableHeader;\nSimpleTable.Body = TableBody;\nSimpleTable.Row = TableRow;\nSimpleTable.HeaderCell = TableHeaderCell;\nSimpleTable.Cell = TableCell;\n"],"names":["React","buildClassnames","styles","assignCssVars"],"mappings":";;;;;;;;;;;;AAcA,MAAM,WAAW,GAAGA,sBAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MAC5BA,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEC,+BAAe,CAAC,CAACC,kBAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EAAA,GAAM,IAAI,EAAA,CAAI,CACtF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,oBAAoB;AAE9C,MAAM,SAAS,GAAGF,sBAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MAC5BA,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEC,+BAAe,CAAC,CAACC,kBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAA,GAAM,IAAI,EAAA,CAAI,CACpF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,kBAAkB;AAE1C,MAAM,QAAQ,GAAGF,sBAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MAC1BA,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEC,+BAAe,CAAC,CAACC,kBAAM,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,EAAA,GAAM,IAAI,EAAA,CAAI,CAChF,CACF;AACD,QAAQ,CAAC,WAAW,GAAG,iBAAiB;AAExC,MAAM,SAAS,GAAGF,sBAAK,CAAC,UAAU,CAChC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACxCA,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,+BAAe,CAAC,CAACC,kBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EACpD,KAAK,EAAE,EAAE,GAAGC,2BAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,EAAA,GACvD,IAAI,EAAA,CACR,CACH,CACF;AACD,SAAS,CAAC,WAAW,GAAG,kBAAkB;AAE1C,MAAM,eAAe,GAAGH,sBAAK,CAAC,UAAU,CACtC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACxCA,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,+BAAe,CAAC,CAACC,kBAAM,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,EAC1D,KAAK,EAAE,EAAE,GAAGC,2BAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,EAAA,GACvD,IAAI,EAAA,CACR,CACH,CACF;AACD,eAAe,CAAC,WAAW,GAAG,wBAAwB;AAEtD;;AAEG;MACU,WAAW,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAoB,MACnFH,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAEC,+BAAe,CAAC,CAACC,kBAAM,CAAC,KAAK,EAAE,OAAO,GAAGA,kBAAM,CAAC,OAAO,GAAG,SAAS,EAAE,SAAS,CAAC,CAAC,EAAA,EAC/F,QAAQ,CACH;AAGV,WAAW,CAAC,MAAM,GAAG,WAAW;AAChC,WAAW,CAAC,IAAI,GAAG,SAAS;AAC5B,WAAW,CAAC,GAAG,GAAG,QAAQ;AAC1B,WAAW,CAAC,UAAU,GAAG,eAAe;AACxC,WAAW,CAAC,IAAI,GAAG,SAAS;;;;"}
1
+ {"version":3,"file":"SimpleTable.cjs","sources":["../../../src/components/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import React from 'react';\nimport { TableBody, TableCell, TableHeader, TableRow, TableHeaderCell, Table } from './styled';\nimport { SimpleTableProps } from './types';\n\n/**\n * A simple table component which provides flexible, pre-styled table elements.\n */\nexport const SimpleTable = ({ striped = true, className, children }: SimpleTableProps) => (\n <Table striped={striped} className={className}>\n {children}\n </Table>\n);\n\nSimpleTable.Header = TableHeader;\nSimpleTable.Body = TableBody;\nSimpleTable.Row = TableRow;\nSimpleTable.HeaderCell = TableHeaderCell;\nSimpleTable.Cell = TableCell;\n"],"names":["React","Table","TableHeader","TableBody","TableRow","TableHeaderCell","TableCell"],"mappings":";;;;;;;;;AAIA;;AAEG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAoB,MACnFA,sBAAA,CAAA,aAAA,CAACC,YAAK,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAA,EAC1C,QAAQ,CACH;AAGV,WAAW,CAAC,MAAM,GAAGC,kBAAW;AAChC,WAAW,CAAC,IAAI,GAAGC,gBAAS;AAC5B,WAAW,CAAC,GAAG,GAAGC,eAAQ;AAC1B,WAAW,CAAC,UAAU,GAAGC,sBAAe;AACxC,WAAW,CAAC,IAAI,GAAGC,gBAAS;;;;"}
package/dist/components/SimpleTable/SimpleTable.d.ts CHANGED
@@ -5,13 +5,11 @@ import { SimpleTableProps } from './types';
5
5
  */
6
6
  export declare const SimpleTable: {
7
7
  ({ striped, className, children }: SimpleTableProps): React.JSX.Element;
8
- Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
9
- Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
10
- Row: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
11
- HeaderCell: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & {
12
- align?: "left" | "right" | "center" | undefined;
13
- } & React.RefAttributes<HTMLTableCellElement>>;
14
- Cell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & {
15
- align?: "left" | "right" | "center" | undefined;
16
- } & React.RefAttributes<HTMLTableCellElement>>;
8
+ Header: import("styled-components").StyledComponent<"thead", any, {}, never>;
9
+ Body: import("styled-components").StyledComponent<"tbody", any, {}, never>;
10
+ Row: import("styled-components").StyledComponent<"tr", any, {}, never>;
11
+ HeaderCell: import("styled-components").StyledComponent<"td", any, import("./styled").TableCellProps & {
12
+ as: string;
13
+ }, "as">;
14
+ Cell: import("styled-components").StyledComponent<"td", any, import("./styled").TableCellProps, never>;
17
15
  };