npm - @lets-events/react - Versions diffs - 10.0.1 → 10.1.0 - Mend

@lets-events/react 10.0.1 → 10.1.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 (47) hide show

package/.eslintrc.json +2 -2
package/.turbo/turbo-build.log +20 -18
package/CHANGELOG.md +6 -0
package/dist/index.d.mts +426 -1
package/dist/index.d.ts +426 -1
package/dist/index.js +285 -8
package/dist/index.mjs +276 -7
package/package.json +3 -1
package/src/components/Alert.tsx +303 -303
package/src/components/Avatar.tsx +55 -55
package/src/components/Badge.tsx +128 -128
package/src/components/Box.tsx +3 -3
package/src/components/Button/index.tsx +12 -12
package/src/components/Button/styledComponents.ts +250 -250
package/src/components/ButtonGroup.tsx +484 -484
package/src/components/Calendar/index.tsx +136 -136
package/src/components/Calendar/styledComponents.ts +208 -208
package/src/components/Card.tsx +69 -69
package/src/components/CheckboxGroup.tsx +214 -214
package/src/components/Container.tsx +39 -39
package/src/components/Dropdown.tsx +167 -167
package/src/components/Filter.tsx +164 -164
package/src/components/Flex.tsx +118 -118
package/src/components/Grid.tsx +137 -137
package/src/components/Icon.tsx +47 -47
package/src/components/Modal.tsx +90 -90
package/src/components/RadioGroup.tsx +210 -210
package/src/components/Section.tsx +33 -33
package/src/components/Step.tsx +164 -164
package/src/components/Switch.tsx +108 -108
package/src/components/Text.tsx +30 -30
package/src/components/TextField.tsx +299 -299
package/src/components/TextareaField.tsx +101 -101
package/src/components/TimePicker.tsx +239 -239
package/src/components/Toast/components/ToastItem.tsx +41 -0
package/src/components/Toast/components/ToastProvider.tsx +63 -0
package/src/components/Toast/hooks/useToast.ts +12 -0
package/src/components/Toast/index.tsx +5 -0
package/src/components/Toast/styles/index.ts +135 -0
package/src/components/Toast/types/index.ts +46 -0
package/src/components/Tooltip/index.tsx +67 -0
package/src/components/Tooltip/styles.ts +78 -0
package/src/hooks/useOnClickOutside.tsx +20 -20
package/src/index.tsx +33 -31
package/src/styles/index.ts +38 -38
package/src/types/typographyValues.ts +178 -178
package/tsconfig.json +3 -3

package/src/types/typographyValues.ts CHANGED Viewed

@@ -1,179 +1,179 @@
-export const typographyValues = {
-    displayLarge: {
-        fontSize: '$displayLarge',
-        lineHeight: '$displayLarge',
-        letterSpacing: '$displayLarge',
-    },
-    displayMedium: {
-        fontSize: '$displayMedium',
-        lineHeight: '$displayMedium',
-        letterSpacing: '$displayMedium',
-    },
-    displaySmall: {
-        fontSize: '$displaySmall',
-        lineHeight: '$displaySmall',
-        letterSpacing: '$displaySmall',
-    },
-    headline1: {
-        fontSize: '$headline1',
-        lineHeight: '$headline1',
-    },
-    headline2: {
-        fontSize: '$headline2',
-        lineHeight: '$headline2',
-    },
-    headline3: {
-        fontSize: '$headline3',
-        lineHeight: '$headline3',
-    },
-    headline4: {
-        fontSize: '$headline4',
-        lineHeight: '$headline4',
-    },
-    headline5: {
-        fontSize: '$headline5',
-        lineHeight: '$headline5',
-    },
-    headline6: {
-        fontSize: '$headline6',
-        lineHeight: '$headline6',
-    },
-    headline7: {
-        fontSize: '$headline7',
-        lineHeight: '$headline7',
-    },
-    headline8: {
-        fontSize: '$headline8',
-        lineHeight: '$headline8',
-    },
-    bodyXL: {
-        fontSize: '$bodyXL',
-        lineHeight: '$bodyXL',
-    },
-    bodyL: {
-        fontSize: '$bodyL',
-        lineHeight: '$bodyL',
-    },
-    bodyM: {
-        fontSize: '$bodyM',
-        lineHeight: '$bodyM',
-    },
-    bodyS: {
-        fontSize: '$bodyS',
-        lineHeight: '$bodyS',
-    },
-    bodyXS: {
-        fontSize: '$bodyXS',
-        lineHeight: '$bodyXS',
-    },
-    bodyXXS: {
-        fontSize: '$bodyXXS',
-        lineHeight: '$bodyXXS',
-    },
-    badgeLarge: {
-        fontSize: '$badgeLarge',
-        lineHeight: '$badgeLarge',
-    },
-    badgeMedium: {
-        fontSize: '$badgeMedium',
-        lineHeight: '$badgeMedium',
-    },
-    badgeSmall: {
-        fontSize: '$badgeSmall',
-        lineHeight: '$badgeSmall',
-    },
-    badgeExtraSmall: {
-        fontSize: '$badgeExtraSmall',
-        lineHeight: '$badgeExtraSmall',
-    },
-    tooltip: {
-        fontSize: '$tooltip',
-        lineHeight: '$tooltip',
-    },
-    popoversRegular: {
-        fontSize: '$popoversRegular',
-        lineHeight: '$popoversRegular',
-    },
-    captionLarge: {
-        fontSize: '$captionLarge',
-        lineHeight: '$captionLarge',
-    },
-    captionMedium: {
-        fontSize: '$captionMedium',
-        lineHeight: '$captionMedium',
-    },
-    captionSmall: {
-        fontSize: '$captionSmall',
-        lineHeight: '$captionSmall',
-    },
-    buttonLarge: {
-        fontSize: '$buttonLarge',
-        lineHeight: '$buttonLarge',
-    },
-    buttonMedium: {
-        fontSize: '$buttonMedium',
-        lineHeight: '$buttonMedium',
-    },
-    buttonSmall: {
-        fontSize: '$buttonSmall',
-        lineHeight: '$buttonSmall',
-    },
-    buttonExtraSmall: {
-        fontSize: '$buttonExtraSmall',
-        lineHeight: '$buttonExtraSmall',
-    },
-    labelLarge: {
-        fontSize: '$labelLarge',
-        lineHeight: '$labelLarge',
-    },
-    labelMedium: {
-        fontSize: '$labelMedium',
-        lineHeight: '$labelMedium',
-    },
-    labelSmall: {
-        fontSize: '$labelSmall',
-        lineHeight: '$labelSmall',
-    },
-    labelExtraSmall: {
-        fontSize: '$labelExtraSmall',
-        lineHeight: '$labelExtraSmall',
-    },
-}
-export const typographyButtonValues = {
-    buttonLarge: {
-        fontSize: '$buttonLarge',
-        lineHeight: '$buttonLarge',
-    },
-    buttonMedium: {
-        fontSize: '$buttonMedium',
-        lineHeight: '$buttonMedium',
-    },
-    buttonSmall: {
-        fontSize: '$buttonSmall',
-        lineHeight: '$buttonSmall',
-    },
-    buttonExtraSmall: {
-        fontSize: '$buttonExtraSmall',
-        lineHeight: '$buttonExtraSmall',
-    },
-}
-export const typographyLabelValues = {
-    labelLarge: {
-        fontSize: '$labelLarge',
-        lineHeight: '$labelLarge',
-    },
-    labelMedium: {
-        fontSize: '$labelMedium',
-        lineHeight: '$labelMedium',
-    },
-    labelSmall: {
-        fontSize: '$labelSmall',
-        lineHeight: '$labelSmall',
-    },
-    labelExtraSmall: {
-        fontSize: '$labelExtraSmall',
-        lineHeight: '$labelExtraSmall',
-    },
+export const typographyValues = {
+    displayLarge: {
+        fontSize: '$displayLarge',
+        lineHeight: '$displayLarge',
+        letterSpacing: '$displayLarge',
+    },
+    displayMedium: {
+        fontSize: '$displayMedium',
+        lineHeight: '$displayMedium',
+        letterSpacing: '$displayMedium',
+    },
+    displaySmall: {
+        fontSize: '$displaySmall',
+        lineHeight: '$displaySmall',
+        letterSpacing: '$displaySmall',
+    },
+    headline1: {
+        fontSize: '$headline1',
+        lineHeight: '$headline1',
+    },
+    headline2: {
+        fontSize: '$headline2',
+        lineHeight: '$headline2',
+    },
+    headline3: {
+        fontSize: '$headline3',
+        lineHeight: '$headline3',
+    },
+    headline4: {
+        fontSize: '$headline4',
+        lineHeight: '$headline4',
+    },
+    headline5: {
+        fontSize: '$headline5',
+        lineHeight: '$headline5',
+    },
+    headline6: {
+        fontSize: '$headline6',
+        lineHeight: '$headline6',
+    },
+    headline7: {
+        fontSize: '$headline7',
+        lineHeight: '$headline7',
+    },
+    headline8: {
+        fontSize: '$headline8',
+        lineHeight: '$headline8',
+    },
+    bodyXL: {
+        fontSize: '$bodyXL',
+        lineHeight: '$bodyXL',
+    },
+    bodyL: {
+        fontSize: '$bodyL',
+        lineHeight: '$bodyL',
+    },
+    bodyM: {
+        fontSize: '$bodyM',
+        lineHeight: '$bodyM',
+    },
+    bodyS: {
+        fontSize: '$bodyS',
+        lineHeight: '$bodyS',
+    },
+    bodyXS: {
+        fontSize: '$bodyXS',
+        lineHeight: '$bodyXS',
+    },
+    bodyXXS: {
+        fontSize: '$bodyXXS',
+        lineHeight: '$bodyXXS',
+    },
+    badgeLarge: {
+        fontSize: '$badgeLarge',
+        lineHeight: '$badgeLarge',
+    },
+    badgeMedium: {
+        fontSize: '$badgeMedium',
+        lineHeight: '$badgeMedium',
+    },
+    badgeSmall: {
+        fontSize: '$badgeSmall',
+        lineHeight: '$badgeSmall',
+    },
+    badgeExtraSmall: {
+        fontSize: '$badgeExtraSmall',
+        lineHeight: '$badgeExtraSmall',
+    },
+    tooltip: {
+        fontSize: '$tooltip',
+        lineHeight: '$tooltip',
+    },
+    popoversRegular: {
+        fontSize: '$popoversRegular',
+        lineHeight: '$popoversRegular',
+    },
+    captionLarge: {
+        fontSize: '$captionLarge',
+        lineHeight: '$captionLarge',
+    },
+    captionMedium: {
+        fontSize: '$captionMedium',
+        lineHeight: '$captionMedium',
+    },
+    captionSmall: {
+        fontSize: '$captionSmall',
+        lineHeight: '$captionSmall',
+    },
+    buttonLarge: {
+        fontSize: '$buttonLarge',
+        lineHeight: '$buttonLarge',
+    },
+    buttonMedium: {
+        fontSize: '$buttonMedium',
+        lineHeight: '$buttonMedium',
+    },
+    buttonSmall: {
+        fontSize: '$buttonSmall',
+        lineHeight: '$buttonSmall',
+    },
+    buttonExtraSmall: {
+        fontSize: '$buttonExtraSmall',
+        lineHeight: '$buttonExtraSmall',
+    },
+    labelLarge: {
+        fontSize: '$labelLarge',
+        lineHeight: '$labelLarge',
+    },
+    labelMedium: {
+        fontSize: '$labelMedium',
+        lineHeight: '$labelMedium',
+    },
+    labelSmall: {
+        fontSize: '$labelSmall',
+        lineHeight: '$labelSmall',
+    },
+    labelExtraSmall: {
+        fontSize: '$labelExtraSmall',
+        lineHeight: '$labelExtraSmall',
+    },
+}
+export const typographyButtonValues = {
+    buttonLarge: {
+        fontSize: '$buttonLarge',
+        lineHeight: '$buttonLarge',
+    },
+    buttonMedium: {
+        fontSize: '$buttonMedium',
+        lineHeight: '$buttonMedium',
+    },
+    buttonSmall: {
+        fontSize: '$buttonSmall',
+        lineHeight: '$buttonSmall',
+    },
+    buttonExtraSmall: {
+        fontSize: '$buttonExtraSmall',
+        lineHeight: '$buttonExtraSmall',
+    },
+}
+export const typographyLabelValues = {
+    labelLarge: {
+        fontSize: '$labelLarge',
+        lineHeight: '$labelLarge',
+    },
+    labelMedium: {
+        fontSize: '$labelMedium',
+        lineHeight: '$labelMedium',
+    },
+    labelSmall: {
+        fontSize: '$labelSmall',
+        lineHeight: '$labelSmall',
+    },
+    labelExtraSmall: {
+        fontSize: '$labelExtraSmall',
+        lineHeight: '$labelExtraSmall',
+    },
 }

package/tsconfig.json CHANGED Viewed

@@ -1,4 +1,4 @@
-{
-  "extends": "@lets-events/ts-config/react.json",
-  "include": ["src"]
+{
+  "extends": "@lets-events/ts-config/react.json",
+  "include": ["src"]
 }