heroes-of-chess-components 0.5.84 → 0.5.86
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.
|
@@ -13,7 +13,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
|
13
13
|
import { useEffect, useState } from "react";
|
|
14
14
|
import { HCircularButton, HBox, HCalendar, HCoinLabel, HDropdown,
|
|
15
15
|
// HHeader,
|
|
16
|
-
HInput, HLoaderSpinner, HModal, HPopUp, HPopUpContainer, HSearchInput, HTabs, HTitle, HToggleButton, HLogin, HProgressBar, HToggleButtonCustom, HPagination, HVideoPlayerReact, HBackground, HButton, HCircularTextButton, HInitBackgroundAnimation, HInputArea, HTable, HScoreBar, HNews } from "./lib/HocComponents";
|
|
16
|
+
HInput, HLoaderSpinner, HModal, HPopUp, HPopUpContainer, HSearchInput, HTabs, HTitle, HToggleButton, HLogin, HProgressBar, HToggleButtonCustom, HPagination, HVideoPlayerReact, HBackground, HButton, HCircularTextButton, HInitBackgroundAnimation, HInputArea, HTable, HScoreBar, HNews, HText } from "./lib/HocComponents";
|
|
17
17
|
import { HProviders } from "./lib/providers";
|
|
18
18
|
import { HocIconBirthdayGold, HocIconSettings, HocIconSwitchUser, HocIconVideoFAQ } from "./lib/assets/Icons/ui";
|
|
19
19
|
import HAccordion from "./lib/HocComponents/HAccordion/HAccordion";
|
|
@@ -945,6 +945,162 @@ function HocComponentsPlayground() {
|
|
|
945
945
|
isCoin: false,
|
|
946
946
|
color: "purpleMedium"
|
|
947
947
|
})]
|
|
948
|
+
}), /*#__PURE__*/_jsxs(HBox, {
|
|
949
|
+
direction: "column",
|
|
950
|
+
gap: "8px",
|
|
951
|
+
children: [/*#__PURE__*/_jsx(HText, {
|
|
952
|
+
fontWeight: "bold",
|
|
953
|
+
fontSize: "16px",
|
|
954
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
955
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
956
|
+
fontSize: "14px",
|
|
957
|
+
color: "grayDark",
|
|
958
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
959
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
960
|
+
fontWeight: "bold",
|
|
961
|
+
fontSize: "16px",
|
|
962
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
963
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
964
|
+
fontSize: "14px",
|
|
965
|
+
color: "grayDark",
|
|
966
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
967
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
968
|
+
fontWeight: "bold",
|
|
969
|
+
fontSize: "16px",
|
|
970
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
971
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
972
|
+
fontSize: "14px",
|
|
973
|
+
color: "grayDark",
|
|
974
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
975
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
976
|
+
fontWeight: "bold",
|
|
977
|
+
fontSize: "16px",
|
|
978
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
979
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
980
|
+
fontSize: "14px",
|
|
981
|
+
color: "grayDark",
|
|
982
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
983
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
984
|
+
fontWeight: "bold",
|
|
985
|
+
fontSize: "16px",
|
|
986
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
987
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
988
|
+
fontSize: "14px",
|
|
989
|
+
color: "grayDark",
|
|
990
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
991
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
992
|
+
fontWeight: "bold",
|
|
993
|
+
fontSize: "16px",
|
|
994
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
995
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
996
|
+
fontSize: "14px",
|
|
997
|
+
color: "grayDark",
|
|
998
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
999
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1000
|
+
fontWeight: "bold",
|
|
1001
|
+
fontSize: "16px",
|
|
1002
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1003
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1004
|
+
fontSize: "14px",
|
|
1005
|
+
color: "grayDark",
|
|
1006
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1007
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1008
|
+
fontWeight: "bold",
|
|
1009
|
+
fontSize: "16px",
|
|
1010
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1011
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1012
|
+
fontSize: "14px",
|
|
1013
|
+
color: "grayDark",
|
|
1014
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1015
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1016
|
+
fontWeight: "bold",
|
|
1017
|
+
fontSize: "16px",
|
|
1018
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1019
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1020
|
+
fontSize: "14px",
|
|
1021
|
+
color: "grayDark",
|
|
1022
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1023
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1024
|
+
fontWeight: "bold",
|
|
1025
|
+
fontSize: "16px",
|
|
1026
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1027
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1028
|
+
fontSize: "14px",
|
|
1029
|
+
color: "grayDark",
|
|
1030
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1031
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1032
|
+
fontWeight: "bold",
|
|
1033
|
+
fontSize: "16px",
|
|
1034
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1035
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1036
|
+
fontSize: "14px",
|
|
1037
|
+
color: "grayDark",
|
|
1038
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1039
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1040
|
+
fontWeight: "bold",
|
|
1041
|
+
fontSize: "16px",
|
|
1042
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1043
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1044
|
+
fontSize: "14px",
|
|
1045
|
+
color: "grayDark",
|
|
1046
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1047
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1048
|
+
fontWeight: "bold",
|
|
1049
|
+
fontSize: "16px",
|
|
1050
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1051
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1052
|
+
fontSize: "14px",
|
|
1053
|
+
color: "grayDark",
|
|
1054
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1055
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1056
|
+
fontWeight: "bold",
|
|
1057
|
+
fontSize: "16px",
|
|
1058
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1059
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1060
|
+
fontSize: "14px",
|
|
1061
|
+
color: "grayDark",
|
|
1062
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1063
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1064
|
+
fontWeight: "bold",
|
|
1065
|
+
fontSize: "16px",
|
|
1066
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1067
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1068
|
+
fontSize: "14px",
|
|
1069
|
+
color: "grayDark",
|
|
1070
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1071
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1072
|
+
fontWeight: "bold",
|
|
1073
|
+
fontSize: "16px",
|
|
1074
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1075
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1076
|
+
fontSize: "14px",
|
|
1077
|
+
color: "grayDark",
|
|
1078
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1079
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1080
|
+
fontWeight: "bold",
|
|
1081
|
+
fontSize: "16px",
|
|
1082
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1083
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1084
|
+
fontSize: "14px",
|
|
1085
|
+
color: "grayDark",
|
|
1086
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1087
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1088
|
+
fontWeight: "bold",
|
|
1089
|
+
fontSize: "16px",
|
|
1090
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1091
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1092
|
+
fontSize: "14px",
|
|
1093
|
+
color: "grayDark",
|
|
1094
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1095
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1096
|
+
fontWeight: "bold",
|
|
1097
|
+
fontSize: "16px",
|
|
1098
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1099
|
+
}), /*#__PURE__*/_jsx(HText, {
|
|
1100
|
+
fontSize: "14px",
|
|
1101
|
+
color: "grayDark",
|
|
1102
|
+
children: "sdjkfb kjsldhf\xF1lksd hnjflsd f"
|
|
1103
|
+
})]
|
|
948
1104
|
}), /*#__PURE__*/_jsxs(HBox, {
|
|
949
1105
|
children: [/*#__PURE__*/_jsx(HDropdown, {
|
|
950
1106
|
label: "This is a Hoc Dropdown"
|
|
@@ -2,8 +2,6 @@ import styled from "styled-components";
|
|
|
2
2
|
import { HBoxStyledProps } from "./type";
|
|
3
3
|
|
|
4
4
|
export const HBoxContainer = styled.div.withConfig({
|
|
5
|
-
shouldForwardProp: (prop) =>
|
|
6
|
-
!["borderRadius", "overflowX", "overflowY", "boxShadow"].includes(prop),
|
|
7
5
|
})<HBoxStyledProps>`
|
|
8
6
|
display: flex;
|
|
9
7
|
flex-direction: ${(props) => props.direction}; /* Dirección (row o column) */
|