@capillarytech/blaze-ui 6.1.1 → 6.1.2

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 (81) hide show
  1. package/.npmrc +3 -0
  2. package/CapCustomCheckboxList/styles.css +3 -3
  3. package/CapCustomCheckboxList/styles.scss +7 -8
  4. package/CapMobileDatePicker/index.d.ts +14 -3
  5. package/CapMobileDatePicker/index.d.ts.map +1 -1
  6. package/CapMobileDatePicker/index.js +20 -28
  7. package/CapMobileDatePicker/styles.css +11 -28
  8. package/CapMobileDatePicker/styles.scss +16 -37
  9. package/CapPopoverTree/index.d.ts +40 -3
  10. package/CapPopoverTree/index.d.ts.map +1 -1
  11. package/CapPopoverTree/index.js +82 -72
  12. package/CapPopoverTree/style.d.ts +1 -5
  13. package/CapPopoverTree/style.d.ts.map +1 -1
  14. package/CapPopoverTree/styles.css +18 -119
  15. package/CapPopoverTree/styles.scss +31 -179
  16. package/CapProductSelection/index.d.ts +7 -29
  17. package/CapProductSelection/index.d.ts.map +1 -1
  18. package/CapProductSelection/index.js +52 -89
  19. package/CapProductSelection/messages.d.ts +76 -0
  20. package/CapProductSelection/messages.d.ts.map +1 -0
  21. package/CapProductSelection/messages.js +79 -0
  22. package/CapProductSelection/styles.css +81 -0
  23. package/CapProductSelection/styles.module.scss.js +8 -0
  24. package/CapProductSelection/styles.scss +82 -40
  25. package/CapProductSelection/tests/CapProductSelection.mockData.d.ts +36 -0
  26. package/CapProductSelection/tests/CapProductSelection.mockData.d.ts.map +1 -0
  27. package/CapProductSelection/types.d.ts +34 -0
  28. package/CapProductSelection/types.d.ts.map +1 -0
  29. package/CapRadioCard/index.d.ts.map +1 -1
  30. package/CapRadioCard/index.js +52 -20
  31. package/CapRadioCard/styles.css +25 -25
  32. package/CapRadioCard/styles.module.scss.js +14 -40
  33. package/CapRadioCard/styles.scss +20 -20
  34. package/CapRadioCard/types.d.ts +20 -0
  35. package/CapRadioCard/types.d.ts.map +1 -1
  36. package/CapSelectFilter/index.d.ts.map +1 -1
  37. package/CapSelectFilter/index.js +10 -11
  38. package/CapSelectFilter/styles.css +11 -10
  39. package/CapSelectFilter/styles.module.scss.js +8 -10
  40. package/CapSelectFilter/styles.scss +11 -8
  41. package/CapSelectFilter/types.d.ts +1 -1
  42. package/CapSelectFilter/types.d.ts.map +1 -1
  43. package/CapStaticTemplates/index.d.ts +3 -1
  44. package/CapStaticTemplates/index.d.ts.map +1 -1
  45. package/CapStaticTemplates/index.js +185 -144
  46. package/CapStaticTemplates/messages.d.ts +32 -0
  47. package/CapStaticTemplates/messages.d.ts.map +1 -0
  48. package/CapStaticTemplates/messages.js +35 -0
  49. package/CapStaticTemplates/styles.css +220 -0
  50. package/CapStaticTemplates/styles.module.scss.js +55 -0
  51. package/CapStaticTemplates/styles.scss +291 -0
  52. package/CapStaticTemplates/tests/CapStaticTemplates.mockData.d.ts +54 -0
  53. package/CapStaticTemplates/tests/CapStaticTemplates.mockData.d.ts.map +1 -0
  54. package/CapStaticTemplates/types.d.ts +97 -0
  55. package/CapStaticTemplates/types.d.ts.map +1 -0
  56. package/index.d.ts +4 -4
  57. package/index.d.ts.map +1 -1
  58. package/index.js +56 -56
  59. package/package.json +1 -1
  60. package/styles/_variables.scss +2 -0
  61. package/utils/dayjs.d.ts +0 -1
  62. package/utils/dayjs.d.ts.map +1 -1
  63. package/utils/dayjs.js +0 -1
  64. package/CapMobileDatePicker/styles.module.scss.js +0 -10
  65. package/CapMobileDatePicker/tests/CapMobileDatePicker.mockData.d.ts +0 -41
  66. package/CapMobileDatePicker/tests/CapMobileDatePicker.mockData.d.ts.map +0 -1
  67. package/CapMobileDatePicker/types.d.ts +0 -17
  68. package/CapMobileDatePicker/types.d.ts.map +0 -1
  69. package/CapPopoverTree/styles.module.scss.js +0 -26
  70. package/CapPopoverTree/tests/CapPopoverTree.mockData.d.ts +0 -22
  71. package/CapPopoverTree/tests/CapPopoverTree.mockData.d.ts.map +0 -1
  72. package/CapPopoverTree/types.d.ts +0 -62
  73. package/CapPopoverTree/types.d.ts.map +0 -1
  74. package/CapProductSelection/style.d.ts +0 -3
  75. package/CapProductSelection/style.d.ts.map +0 -1
  76. package/CapProductSelection/style.js +0 -38
  77. package/CapStaticTemplates/style.d.ts +0 -13
  78. package/CapStaticTemplates/style.d.ts.map +0 -1
  79. package/CapStaticTemplates/style.js +0 -216
  80. /package/{CapMobileDatePicker → CapProductSelection}/types.js +0 -0
  81. /package/{CapPopoverTree → CapStaticTemplates}/types.js +0 -0
@@ -1,13 +0,0 @@
1
- import CapRadioCard from '../CapRadioCard';
2
- export declare const StyledDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const SideBar: import("styled-components").StyledComponent<"div", any, {}, never>;
4
- export declare const TemplatesAndSearchContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
5
- export declare const TemplatesContainer: import("styled-components").StyledComponent<import("react").FC<import("..").CapRowProps>, any, {}, never>;
6
- export declare const CategoryContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
7
- export declare const SearchBox: import("styled-components").StyledComponent<import("react").ComponentType<import("../assets/HOCs/ComponentWithLabelHOC/types").ComponentWithLabelProps & Omit<import("../assets/HOCs/ComponentWithLabelHOC/types").WrappedComponentProps, keyof import("../assets/HOCs/ComponentWithLabelHOC/types").WrappedComponentProps>>, any, {}, never>;
8
- export declare const TemplateIcon: import("styled-components").StyledComponent<import("../CapIcon").CapIconComponent, any, {}, never>;
9
- export declare const StrategyTemplate: import("styled-components").StyledComponent<typeof CapRadioCard, any, {}, never>;
10
- export declare const TemplatesModal: import("styled-components").StyledComponent<import("react").FC<import("../CapModal").CapModalProps> & import("..").CapModalStaticMethods, any, {}, never>;
11
- export declare const StyledCapCard: import("styled-components").StyledComponent<import("react").FC<import("../CapCard").CapCardProps>, any, {}, never>;
12
- export declare const PremiumIcon: import("styled-components").StyledComponent<import("../CapIcon").CapIconComponent, any, {}, never>;
13
- //# sourceMappingURL=style.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../components/CapStaticTemplates/style.ts"],"names":[],"mappings":"AAMA,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAmB3C,eAAO,MAAM,SAAS,oEAIrB,CAAC;AAEF,eAAO,MAAM,OAAO,oEAInB,CAAC;AAEF,eAAO,MAAM,2BAA2B,oEAEvC,CAAC;AAEF,eAAO,MAAM,kBAAkB,2GAI9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oEAS7B,CAAC;AAEF,eAAO,MAAM,SAAS,+UAOrB,CAAC;AAEF,eAAO,MAAM,YAAY,oGAIxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,kFAiG5B,CAAC;AAEF,eAAO,MAAM,cAAc,2JAuB1B,CAAC;AAEF,eAAO,MAAM,aAAa,oHA2BzB,CAAC;AAEF,eAAO,MAAM,WAAW,oGAGvB,CAAC"}
@@ -1,216 +0,0 @@
1
- import styled from "styled-components";
2
- import CapCard from "../CapCard/index.js";
3
- import CapIcon from "../CapIcon/index.js";
4
- import InputFinal from "../CapInput/index.js";
5
- import CapModalWithHoc from "../CapModal/index.js";
6
- import CapRadioCard from "../CapRadioCard/index.js";
7
- import CapRow from "../CapRow/index.js";
8
- import { CAP_G07, CAP_SPACE_40, CAP_G09, CAP_SPACE_12, CAP_SPACE_16, CAP_SPACE_20, CAP_G05, CAP_SPACE_32, CAP_SPACE_08, CAP_SPACE_04, CAP_WHITE, CAP_SPACE_24, CAP_PALE_GREY, CAP_YELLOW01 } from "../styles/_variables.js";
9
- const StyledDiv = styled.div`
10
- display: flex;
11
- flex-flow: nowrap;
12
- min-width: 85vw;
13
- `;
14
- const SideBar = styled.div`
15
- width: 258px;
16
- margin-right: 17px;
17
- border: 1px solid ${CAP_G07};
18
- `;
19
- const TemplatesAndSearchContainer = styled.div`
20
- width: ${(props) => props.width};
21
- `;
22
- const TemplatesContainer = styled(CapRow)`
23
- max-height: ${(props) => props == null ? void 0 : props.maxHeight};
24
- overflow-y: scroll;
25
- scroll-behavior: smooth;
26
- `;
27
- const CategoryContainer = styled.div`
28
- display: flex;
29
- align-items: center;
30
- justify-content: space-between;
31
- height: ${CAP_SPACE_40};
32
- background-color: ${(props) => (props == null ? void 0 : props.selected) && CAP_G09};
33
- padding: ${CAP_SPACE_12} ${CAP_SPACE_16} ${CAP_SPACE_12} ${CAP_SPACE_20};
34
- border-left: ${(props) => `4px solid ${(props == null ? void 0 : props.color) || CAP_G05}`};
35
- cursor: pointer;
36
- `;
37
- const SearchBox = styled(InputFinal.Search)`
38
- .ant-input.ant-input-lg {
39
- height: ${CAP_SPACE_32};
40
- }
41
- width: 278px;
42
- margin-bottom: ${CAP_SPACE_12};
43
- margin-left: 6px;
44
- `;
45
- const TemplateIcon = styled(CapIcon)`
46
- &.cap-icon-v2 {
47
- font-size: 13px;
48
- }
49
- `;
50
- const StrategyTemplate = styled(CapRadioCard)`
51
- &.ant-radio-group {
52
- .ant-radio-button-wrapper {
53
- &.template-disabled {
54
- opacity: 0.5;
55
- }
56
- .ant-card.ant-card-bordered {
57
- border-left: ${(props) => `4px solid ${(props == null ? void 0 : props.borderColor) || CAP_G05}`};
58
- }
59
- .card-header-title {
60
- max-width: 200px;
61
- text-overflow: ellipsis;
62
- overflow: hidden;
63
- white-space: nowrap;
64
- }
65
- .coming-soon-tag {
66
- display: none;
67
- }
68
- :hover {
69
- opacity: 1;
70
- .coming-soon-tag {
71
- display: inline-flex;
72
- height: auto;
73
- }
74
- .card-header-title {
75
- margin-right: 2px;
76
- }
77
- .card-available {
78
- max-width: 200px;
79
- }
80
- }
81
- .icon-container {
82
- height: ${CAP_SPACE_40};
83
- width: ${CAP_SPACE_40};
84
- border-radius: ${CAP_SPACE_16};
85
- .div-icon {
86
- left: 32%;
87
- top: 21%;
88
- .cap-icon-v2-add {
89
- display: block;
90
- margin-left: 1px;
91
- margin-top: 6px;
92
- }
93
- }
94
- }
95
- .radio-card-icon {
96
- width: ${CAP_SPACE_40};
97
- height: ${CAP_SPACE_40};
98
- margin-right: ${CAP_SPACE_08};
99
- }
100
- }
101
- .ant-card {
102
- div.ant-card-body {
103
- display: flex;
104
- align-items: center;
105
- flex-wrap: wrap;
106
- height: auto;
107
- padding: ${CAP_SPACE_08} ${CAP_SPACE_08} ${CAP_SPACE_04} ${CAP_SPACE_12};
108
- div.radio-card-content-container {
109
- width: 203px;
110
- }
111
- .card-content {
112
- max-height: 45px;
113
- }
114
- .card-header-row {
115
- width: 208px;
116
- flex-flow: nowrap;
117
- }
118
- .custom-template {
119
- margin-left: ${CAP_SPACE_08};
120
- .title-desc-container {
121
- width: 196px;
122
- }
123
- }
124
- .strategy-icon {
125
- display: flex;
126
- align-items: center;
127
- justify-content: center;
128
- height: ${CAP_SPACE_40};
129
- width: ${CAP_SPACE_40};
130
- margin-top: -8px;
131
- margin-left: -12px;
132
- svg {
133
- width: ${CAP_SPACE_40};
134
- height: ${CAP_SPACE_40};
135
- }
136
- .text-label {
137
- font-weight: 500;
138
- text-transform: uppercase;
139
- }
140
- .selected {
141
- color: ${CAP_WHITE};
142
- }
143
- }
144
- }
145
- }
146
- }
147
- `;
148
- const TemplatesModal = styled(CapModalWithHoc)`
149
- .ant-modal-content {
150
- width: 737px;
151
- height: 274px;
152
- right: 50%;
153
- div.ant-modal-body {
154
- padding: 24px 24px 22px 24px;
155
- }
156
- .modal-image {
157
- width: 243px;
158
- height: 220px;
159
- }
160
- .modal-info-content {
161
- width: 398px;
162
- margin-right: ${CAP_SPACE_24};
163
- }
164
- .ant-modal-close-x {
165
- margin-top: ${CAP_SPACE_08};
166
- }
167
- .ant-modal-footer {
168
- display: none;
169
- }
170
- }
171
- `;
172
- const StyledCapCard = styled(CapCard)`
173
- &.ant-card.cap-card-v2 {
174
- width: 92px;
175
- height: 86px;
176
- div.ant-card-head {
177
- max-height: 39px;
178
- min-height: 39px;
179
- text-align: center;
180
- background-color: ${CAP_PALE_GREY};
181
- .ant-card-head-title {
182
- padding: ${CAP_SPACE_08} 0;
183
- }
184
- }
185
- div.ant-card-body {
186
- height: 47px;
187
- margin-top: ${CAP_SPACE_08};
188
- padding: 9px 10px 6px 10px;
189
- text-align: center;
190
- }
191
- .cap-icon-v2 {
192
- svg {
193
- height: ${CAP_SPACE_24};
194
- width: ${CAP_SPACE_24};
195
- color: #c7d8fb;
196
- }
197
- }
198
- }
199
- `;
200
- const PremiumIcon = styled(CapIcon)`
201
- margin-left: ${CAP_SPACE_04};
202
- color: ${CAP_YELLOW01};
203
- `;
204
- export {
205
- CategoryContainer,
206
- PremiumIcon,
207
- SearchBox,
208
- SideBar,
209
- StrategyTemplate,
210
- StyledCapCard,
211
- StyledDiv,
212
- TemplateIcon,
213
- TemplatesAndSearchContainer,
214
- TemplatesContainer,
215
- TemplatesModal
216
- };
File without changes