@lets-events/react 11.7.4 → 11.7.5

package/src/types/typographyValues.ts

@@ -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/src/utils/getNestedValue.ts

@@ -1,3 +1,3 @@
-export function getNestedValue(obj: any, path: string): any {
-  return path.split(".").reduce((acc, key) => acc?.[key], obj);
-}
+export function getNestedValue(obj: any, path: string): any {
+  return path.split(".").reduce((acc, key) => acc?.[key], obj);
+}

package/src/utils/states.ts

@@ -1,29 +1,29 @@
-export const brazilianStates = [
-  { value: "AC", label: "Acre" },
-  { value: "AL", label: "Alagoas" },
-  { value: "AP", label: "Amapá" },
-  { value: "AM", label: "Amazonas" },
-  { value: "BA", label: "Bahia" },
-  { value: "CE", label: "Ceará" },
-  { value: "DF", label: "Distrito Federal" },
-  { value: "ES", label: "Espírito Santo" },
-  { value: "GO", label: "Goiás" },
-  { value: "MA", label: "Maranhão" },
-  { value: "MT", label: "Mato Grosso" },
-  { value: "MS", label: "Mato Grosso do Sul" },
-  { value: "MG", label: "Minas Gerais" },
-  { value: "PA", label: "Pará" },
-  { value: "PB", label: "Paraíba" },
-  { value: "PR", label: "Paraná" },
-  { value: "PE", label: "Pernambuco" },
-  { value: "PI", label: "Piauí" },
-  { value: "RJ", label: "Rio de Janeiro" },
-  { value: "RN", label: "Rio Grande do Norte" },
-  { value: "RS", label: "Rio Grande do Sul" },
-  { value: "RO", label: "Rondônia" },
-  { value: "RR", label: "Roraima" },
-  { value: "SC", label: "Santa Catarina" },
-  { value: "SP", label: "São Paulo" },
-  { value: "SE", label: "Sergipe" },
-  { value: "TO", label: "Tocantins" },
-];
+export const brazilianStates = [
+  { value: "AC", label: "Acre" },
+  { value: "AL", label: "Alagoas" },
+  { value: "AP", label: "Amapá" },
+  { value: "AM", label: "Amazonas" },
+  { value: "BA", label: "Bahia" },
+  { value: "CE", label: "Ceará" },
+  { value: "DF", label: "Distrito Federal" },
+  { value: "ES", label: "Espírito Santo" },
+  { value: "GO", label: "Goiás" },
+  { value: "MA", label: "Maranhão" },
+  { value: "MT", label: "Mato Grosso" },
+  { value: "MS", label: "Mato Grosso do Sul" },
+  { value: "MG", label: "Minas Gerais" },
+  { value: "PA", label: "Pará" },
+  { value: "PB", label: "Paraíba" },
+  { value: "PR", label: "Paraná" },
+  { value: "PE", label: "Pernambuco" },
+  { value: "PI", label: "Piauí" },
+  { value: "RJ", label: "Rio de Janeiro" },
+  { value: "RN", label: "Rio Grande do Norte" },
+  { value: "RS", label: "Rio Grande do Sul" },
+  { value: "RO", label: "Rondônia" },
+  { value: "RR", label: "Roraima" },
+  { value: "SC", label: "Santa Catarina" },
+  { value: "SP", label: "São Paulo" },
+  { value: "SE", label: "Sergipe" },
+  { value: "TO", label: "Tocantins" },
+];

package/tsconfig.json

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

package/dist/index.css

@@ -1,171 +0,0 @@
-/* ../../node_modules/react-international-phone/dist/index.css */
-.react-international-phone-country-selector {
-  position: relative;
-}
-.react-international-phone-country-selector-button {
-  display: flex;
-  height: var(--react-international-phone-height, 36px);
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  border: 1px solid var(--react-international-phone-country-selector-border-color, var(--react-international-phone-border-color, gainsboro));
-  margin: 0;
-  appearance: button;
-  -webkit-appearance: button;
-  background-color: var(--react-international-phone-country-selector-background-color, var(--react-international-phone-background-color, white));
-  cursor: pointer;
-  text-transform: none;
-  user-select: none;
-}
-.react-international-phone-country-selector-button:hover {
-  background-color: var(--react-international-phone-country-selector-background-color-hover, whitesmoke);
-}
-.react-international-phone-country-selector-button--hide-dropdown {
-  cursor: auto;
-}
-.react-international-phone-country-selector-button--hide-dropdown:hover {
-  background-color: transparent;
-}
-.react-international-phone-country-selector-button__button-content {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.react-international-phone-country-selector-button__flag-emoji {
-  margin: 0 4px;
-}
-.react-international-phone-country-selector-button__flag-emoji--disabled {
-  opacity: .75;
-}
-.react-international-phone-country-selector-button__dropdown-arrow {
-  border-top: var(--react-international-phone-country-selector-arrow-size, 4px) solid var(--react-international-phone-country-selector-arrow-color, #777);
-  border-right: var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;
-  border-left: var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;
-  margin-right: 4px;
-  transition: all .1s ease-out;
-}
-.react-international-phone-country-selector-button__dropdown-arrow--active {
-  transform: rotateX(180deg);
-}
-.react-international-phone-country-selector-button__dropdown-arrow--disabled {
-  border-top-color: var(--react-international-phone-disabled-country-selector-arrow-color, #999);
-}
-.react-international-phone-country-selector-button--disabled {
-  background-color: var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));
-  cursor: auto;
-}
-.react-international-phone-country-selector-button--disabled:hover {
-  background-color: var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));
-}
-.react-international-phone-flag-emoji {
-  width: var(--react-international-phone-flag-width, 24px);
-  height: var(--react-international-phone-flag-height, 24px);
-  box-sizing: border-box;
-}
-.react-international-phone-country-selector-dropdown {
-  position: absolute;
-  z-index: 1;
-  top: var(--react-international-phone-dropdown-top, 44px);
-  left: var(--react-international-phone-dropdown-left, 0);
-  display: flex;
-  width: 300px;
-  max-height: 200px;
-  flex-direction: column;
-  padding: 4px 0;
-  margin: 0;
-  background-color: var(--react-international-phone-dropdown-item-background-color, var(--react-international-phone-background-color, white));
-  box-shadow: var(--react-international-phone-dropdown-shadow, 2px 2px 16px rgba(0, 0, 0, .25));
-  color: var(--react-international-phone-dropdown-item-text-color, var(--react-international-phone-text-color, #222));
-  list-style: none;
-  overflow-y: scroll;
-}
-.react-international-phone-country-selector-dropdown__preferred-list-divider {
-  height: 1px;
-  border: none;
-  margin: var(--react-international-phone-dropdown-preferred-list-divider-margin, 0);
-  background: var(--react-international-phone-dropdown-preferred-list-divider-color, var(--react-international-phone-border-color, gainsboro));
-}
-.react-international-phone-country-selector-dropdown__list-item {
-  display: flex;
-  min-height: var(--react-international-phone-dropdown-item-height, 28px);
-  box-sizing: border-box;
-  align-items: center;
-  padding: 2px 8px;
-}
-.react-international-phone-country-selector-dropdown__list-item-flag-emoji {
-  margin-right: 8px;
-}
-.react-international-phone-country-selector-dropdown__list-item-country-name {
-  overflow: hidden;
-  margin-right: 8px;
-  font-size: var(--react-international-phone-dropdown-item-font-size, 14px);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.react-international-phone-country-selector-dropdown__list-item-dial-code {
-  color: var(--react-international-phone-dropdown-item-dial-code-color, gray);
-  font-size: var(--react-international-phone-dropdown-item-font-size, 14px);
-}
-.react-international-phone-country-selector-dropdown__list-item:hover {
-  background-color: var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke));
-  cursor: pointer;
-}
-.react-international-phone-country-selector-dropdown__list-item--selected,
-.react-international-phone-country-selector-dropdown__list-item--focused {
-  background-color: var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke);
-  color: var(--react-international-phone-selected-dropdown-item-text-color, var(--react-international-phone-text-color, #222));
-}
-.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,
-.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code {
-  color: var(--react-international-phone-selected-dropdown-item-dial-code-color, var(--react-international-phone-dropdown-item-dial-code-color, gray));
-}
-.react-international-phone-country-selector-dropdown__list-item--focused {
-  background-color: var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke));
-}
-.react-international-phone-dial-code-preview {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 8px;
-  border: 1px solid var(--react-international-phone-dial-code-preview-border-color, var(--react-international-phone-border-color, gainsboro));
-  margin-right: -1px;
-  background-color: var(--react-international-phone-dial-code-preview-background-color, var(--react-international-phone-background-color, white));
-  color: var(--react-international-phone-dial-code-preview-text-color, var(--react-international-phone-text-color, #222));
-  font-size: var(--react-international-phone-dial-code-preview-font-size, var(--react-international-phone-font-size, 13px));
-}
-.react-international-phone-dial-code-preview--disabled {
-  background-color: var(--react-international-phone-dial-code-preview-disabled-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));
-  color: var(--react-international-phone-dial-code-preview-disabled-text-color, var(--react-international-phone-disabled-text-color, #666));
-}
-.react-international-phone-input-container {
-  display: flex;
-}
-.react-international-phone-input-container .react-international-phone-country-selector-button {
-  border-radius: var(--react-international-phone-border-radius, 4px);
-  margin-right: -1px;
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
-.react-international-phone-input-container .react-international-phone-input {
-  overflow: visible;
-  height: var(--react-international-phone-height, 36px);
-  box-sizing: border-box;
-  padding: 0 8px;
-  border: 1px solid var(--react-international-phone-border-color, gainsboro);
-  border-radius: var(--react-international-phone-border-radius, 4px);
-  margin: 0;
-  background-color: var(--react-international-phone-background-color, white);
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-  color: var(--react-international-phone-text-color, #222);
-  font-family: inherit;
-  font-size: var(--react-international-phone-font-size, 13px);
-}
-.react-international-phone-input-container .react-international-phone-input:focus {
-  outline: none;
-}
-.react-international-phone-input-container .react-international-phone-input--disabled {
-  background-color: var(--react-international-phone-disabled-background-color, whitesmoke);
-  color: var(--react-international-phone-disabled-text-color, #666);
-}