@secondstaxorg/sscomp 1.3.5 → 1.4.1

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.
@@ -0,0 +1,317 @@
1
+ @font-face {
2
+ font-family: Circular Book;
3
+ src: url("./fonts/Circular Pro Book.ttf");
4
+ }
5
+ @font-face {
6
+ font-family: Circular Medium;
7
+ src: url("./fonts/Circular Pro Medium.ttf");
8
+ }
9
+ @font-face {
10
+ font-family: Circular Bold;
11
+ src: url("./fonts/Circular Pro Bold.ttf");
12
+ }
13
+ @font-face {
14
+ font-family: Circular Black;
15
+ src: url("./fonts/Circular Pro Black.ttf");
16
+ }
17
+
18
+ .display1Medium,
19
+ .display2Medium,
20
+ .heading1Medium,
21
+ .heading1SMedium,
22
+ .heading2Medium,
23
+ .heading2SMedium,
24
+ .heading3Medium,
25
+ .heading3SMedium,
26
+ .heading4Medium,
27
+ .heading4SMedium,
28
+ .heading5Medium,
29
+ .heading5SMedium,
30
+ .heading6Medium,
31
+ .heading6SMedium {
32
+ font-weight: 500;
33
+ font-family: 'Circular Medium', sans-serif;
34
+ }
35
+
36
+ .display1Bold,
37
+ .display2Bold,
38
+ .heading1Bold,
39
+ .heading1SBold,
40
+ .heading2Bold,
41
+ .heading2SBold,
42
+ .heading3Bold,
43
+ .heading3SBold,
44
+ .heading4Bold,
45
+ .heading4SBold,
46
+ .heading5Bold,
47
+ .heading5SBold,
48
+ .heading6Bold,
49
+ .heading6SBold {
50
+ font-weight: 700;
51
+ font-family: 'Circular Bold', sans-serif;
52
+ }
53
+
54
+ .display1Black,
55
+ .display2Black,
56
+ .heading1Black,
57
+ .heading1SBlack,
58
+ .heading2Black,
59
+ .heading2SBlack,
60
+ .heading3Black,
61
+ .heading3SBlack,
62
+ .heading4Black,
63
+ .heading4SBlack,
64
+ .heading5Black,
65
+ .heading5SBlack,
66
+ .heading6Black,
67
+ .heading6SBlack {
68
+ font-weight: 900;
69
+ font-family: 'Circular Black', sans-serif;
70
+ }
71
+
72
+ .display1Medium,
73
+ .display1Bold,
74
+ .display1Black {
75
+ font-size: 72px;
76
+ line-height: 80px;
77
+ margin: 0;
78
+ }
79
+
80
+ .display2Medium,
81
+ .display2Bold,
82
+ .display2Black {
83
+ font-size: 60px;
84
+ line-height: 72px;
85
+ margin: 0;
86
+ }
87
+
88
+ .heading1Medium,
89
+ .heading1Bold,
90
+ .heading1Black {
91
+ font-size: 48px;
92
+ line-height: 56px;
93
+ margin: 0;
94
+ }
95
+
96
+ .heading1SMedium,
97
+ .heading1SBold,
98
+ .heading1SBlack {
99
+ font-size: 34px;
100
+ line-height: 40px;
101
+ margin: 0;
102
+ }
103
+
104
+ .heading2Medium,
105
+ .heading2Bold,
106
+ .heading2Black {
107
+ font-size: 39px;
108
+ line-height: 47px;
109
+ margin: 0;
110
+ }
111
+
112
+ .heading2SMedium,
113
+ .heading2SBold,
114
+ .heading2SBlack {
115
+ font-size: 33px;
116
+ line-height: 40px;
117
+ margin: 0;
118
+ }
119
+
120
+ .heading3Medium,
121
+ .heading3Bold,
122
+ .heading3Black {
123
+ font-size: 33px;
124
+ line-height: 40px;
125
+ margin: 0;
126
+ }
127
+
128
+ .heading3SMedium,
129
+ .heading3SBold,
130
+ .heading3SBlack {
131
+ font-size: 28px;
132
+ line-height: 34px;
133
+ margin: 0;
134
+ }
135
+
136
+ .heading4Medium,
137
+ .heading4Bold,
138
+ .heading4Black {
139
+ font-size: 28px;
140
+ line-height: 34px;
141
+ margin: 0;
142
+ }
143
+
144
+ .heading4SMedium,
145
+ .heading4SBold,
146
+ .heading4SBlack {
147
+ font-size: 23px;
148
+ line-height: 28px;
149
+ margin: 0;
150
+ }
151
+
152
+ .heading5Medium,
153
+ .heading5Bold,
154
+ .heading5Black {
155
+ font-size: 23px;
156
+ line-height: 28px;
157
+ margin: 0;
158
+ }
159
+
160
+ .heading5SMedium,
161
+ .heading5SBold,
162
+ .heading5SBlack {
163
+ font-size: 19px;
164
+ line-height: 23px;
165
+ margin: 0;
166
+ }
167
+
168
+ .heading6Medium,
169
+ .heading6Bold,
170
+ .heading6Black {
171
+ font-size: 19px;
172
+ line-height: 23px;
173
+ margin: 0;
174
+ }
175
+
176
+ .heading6SMedium,
177
+ .heading6SBold,
178
+ .heading6SBlack {
179
+ font-size: 16px;
180
+ line-height: 19px;
181
+ margin: 0;
182
+ }
183
+
184
+ .subheadingRegular,
185
+ .subheadingMedium,
186
+ .subheadingUnderlined {
187
+ font-size: 20px;
188
+ line-height: 30px;
189
+ margin: 0;
190
+ }
191
+
192
+ .subheadingRegular,
193
+ .subheadingUnderlined {
194
+ font-weight: 400;
195
+ }
196
+
197
+ .subheadingMedium {
198
+ font-weight: 500;
199
+ font-family: "Circular Medium", sans-serif;
200
+ }
201
+
202
+ .subheadingUnderlined {
203
+ text-decoration: underline;
204
+ }
205
+
206
+ .paragraph1Regular,
207
+ .paragraph1Medium,
208
+ .paragraph1Underlined {
209
+ font-size: 14px;
210
+ line-height: 17px;
211
+ margin: 0;
212
+ }
213
+
214
+ .paragraph1Regular,
215
+ .paragraph1Underlined {
216
+ font-weight: 400;
217
+ }
218
+
219
+ .paragraph1Medium {
220
+ font-weight: 500;
221
+ font-family: "Circular Medium", sans-serif;
222
+ }
223
+
224
+ .paragraph1Underlined {
225
+ text-decoration: underline;
226
+ }
227
+
228
+ .paragraph2Regular,
229
+ .paragraph2Medium,
230
+ .paragraph2Underlined {
231
+ font-size: 16px;
232
+ line-height: 28px;
233
+ margin: 0;
234
+ }
235
+
236
+ .paragraph2Regular,
237
+ .paragraph2Underlined {
238
+ font-weight: 400;
239
+ }
240
+
241
+ .paragraph2Medium {
242
+ font-weight: 500;
243
+ font-family: "Circular Medium", sans-serif;
244
+ }
245
+
246
+ .paragraph2Underlined {
247
+ text-decoration: underline;
248
+ }
249
+
250
+ .paragraph3Regular,
251
+ .paragraph3Medium,
252
+ .paragraph3Underlined {
253
+ font-size: 18px;
254
+ line-height: 21px;
255
+ margin: 0;
256
+ }
257
+
258
+ .paragraph3Regular,
259
+ .paragraph3Underlined {
260
+ font-weight: 400;
261
+ }
262
+
263
+ .paragraph3Medium {
264
+ font-weight: 500;
265
+ font-family: "Circular Medium", sans-serif;
266
+ }
267
+
268
+ .paragraph3Underlined {
269
+ text-decoration: underline;
270
+ }
271
+
272
+ .captionBook {
273
+ font-weight: 400;
274
+ font-size: 12px;
275
+ line-height: 14px;
276
+ font-family: "Circular Book", sans-serif;
277
+ margin: 0;
278
+ }
279
+
280
+ .captionMedium,
281
+ .captionAllCaps {
282
+ font-weight: 500;
283
+ font-size: 12px;
284
+ line-height: 14px;
285
+ font-family: "Circular Medium", sans-serif;
286
+ margin: 0;
287
+ }
288
+
289
+ .captionAllCaps {
290
+ letter-spacing: 0.08em;
291
+ text-transform: uppercase;
292
+ }
293
+
294
+ .footerBook {
295
+ font-family: 'Circular Book', sans-serif;
296
+ font-weight: 400;
297
+ font-size: 10px;
298
+ line-height: 12px;
299
+ letter-spacing: 0.02em;
300
+ }
301
+
302
+ .footerMedium {
303
+ font-family: 'Circular Medium', sans-serif;
304
+ font-weight: 500;
305
+ font-size: 10px;
306
+ line-height: 12px;
307
+ letter-spacing: 0.02em;
308
+ }
309
+
310
+ .footerAllCaps {
311
+ font-family: 'Circular Medium', sans-serif;
312
+ font-weight: 500;
313
+ font-size: 10px;
314
+ line-height: 12px;
315
+ letter-spacing: 0.08em;
316
+ text-transform: uppercase;
317
+ }
package/package.json CHANGED
@@ -1,84 +1,98 @@
1
- {
2
- "name": "@secondstaxorg/sscomp",
3
- "version": "1.3.5",
4
- "publishConfig": {
5
- "registry": "https://registry.npmjs.org/"
6
- },
7
- "repository": {
8
- "type": "git",
9
- "url": "https://github.com/Secondstax/sscomp"
10
- },
11
- "description": "A react component library for secondstax",
12
- "main": "dist/index.min.js",
13
- "module": "dist/index.es.js",
14
- "types": "types/index.d.ts",
15
- "files": [
16
- "dist",
17
- "types"
18
- ],
19
- "scripts": {
20
- "test": "echo \"Error: no test specified\" && exit 1",
21
- "build": "tsc && rollup -c rollup.config.js",
22
- "storybook": "storybook dev -p 6006",
23
- "predeploy": "npm run build-storybook",
24
- "deploy-storybook": "gh-pages -d storybook-static",
25
- "build-storybook": "storybook build"
26
- },
27
- "author": "augustus Otu, mark obuobi",
28
- "license": "ISC",
29
- "devDependencies": {
30
- "@babel/core": "^7.19.6",
31
- "@babel/preset-env": "^7.22.5",
32
- "@babel/preset-react": "^7.22.5",
33
- "@babel/preset-typescript": "^7.22.5",
34
- "@rollup/plugin-commonjs": "^23.0.7",
35
- "@rollup/plugin-node-resolve": "^15.0.1",
36
- "@rollup/plugin-typescript": "^9.0.2",
37
- "@storybook/addon-actions": "^7.0.22",
38
- "@storybook/addon-essentials": "^7.0.22",
39
- "@storybook/addon-interactions": "^7.0.22",
40
- "@storybook/addon-links": "^7.0.22",
41
- "@storybook/addon-mdx-gfm": "7.0.22",
42
- "@storybook/react": "^7.0.22",
43
- "@storybook/react-webpack5": "7.0.22",
44
- "@storybook/storybook-deployer": "^2.8.16",
45
- "@storybook/testing-library": "^0.1.0",
46
- "@types/react": "^18.0.22",
47
- "@types/styled-components": "^5.1.26",
48
- "babel-loader": "^8.2.5",
49
- "react": "^18.2.0",
50
- "react-dom": "^18.2.0",
51
- "rollup": "^3.2.3",
52
- "rollup-plugin-dts": "^5.1.1",
53
- "rollup-plugin-image": "^1.0.2",
54
- "rollup-plugin-peer-deps-external": "^2.2.4",
55
- "rollup-plugin-postcss": "^4.0.2",
56
- "rollup-plugin-terser": "^7.0.2",
57
- "storybook": "7.0.22",
58
- "styled-components": "^5.3.6",
59
- "typescript": "^4.8.4",
60
- "webpack": "^5.74.0"
61
- },
62
- "dependencies": {
63
- "@heroicons/react": "^2.0.13",
64
- "@mdx-js/react": "^1.6.22",
65
- "@rollup/plugin-image": "^3.0.2",
66
- "@rollup/plugin-json": "^6.0.0",
67
- "@rollup/plugin-sucrase": "^5.0.1",
68
- "axios": "^1.4.0",
69
- "chart.js": "^3.9.1",
70
- "dayjs": "^1.11.6",
71
- "gh-pages": "^4.0.0",
72
- "heroicons": "^2.0.12",
73
- "postcss": "^8.4.21",
74
- "react-chartjs-2": "^4.3.1",
75
- "react-fast-marquee": "^1.3.5",
76
- "react-is": "^18.2.0",
77
- "rollup-plugin-copy": "^3.4.0",
78
- "rollup-plugin-sourcemaps": "^0.6.3",
79
- "rollup-plugin-typescript2": "^0.34.1"
80
- },
81
- "peerDependencies": {
82
- "styled-components": "^5.3.6"
83
- }
84
- }
1
+ {
2
+ "name": "@secondstaxorg/sscomp",
3
+ "version": "1.4.01",
4
+ "publishConfig": {
5
+ "registry": "https://registry.npmjs.org/"
6
+ },
7
+ "repository": {
8
+ "type": "git",
9
+ "url": "git+https://github.com/Secondstax/sscomp.git"
10
+ },
11
+ "description": "A react component library for secondstax",
12
+ "main": "dist/index.min.js",
13
+ "module": "dist/index.es.js",
14
+ "types": "types/index.d.ts",
15
+ "files": [
16
+ "dist",
17
+ "types"
18
+ ],
19
+ "scripts": {
20
+ "test": "echo \"Error: no test specified\" && exit 1",
21
+ "build": "tsc && rollup -c rollup.config.js",
22
+ "storybook": "storybook dev -p 6006",
23
+ "predeploy": "npm run build-storybook",
24
+ "deploy-storybook": "gh-pages -d storybook-static",
25
+ "build-storybook": "storybook build",
26
+ "chromatic": "npx chromatic --project-token=chpt_2b0f52cf5545391",
27
+ "chromatic-force": "npx chromatic --project-token=chpt_2b0f52cf5545391 --force-rebuild"
28
+ },
29
+ "author": {
30
+ "name": "augustus Otu, mark obuobi"
31
+ },
32
+ "license": "ISC",
33
+ "devDependencies": {
34
+ "@babel/core": "^7.19.6",
35
+ "@babel/preset-env": "^7.22.5",
36
+ "@babel/preset-react": "^7.22.5",
37
+ "@babel/preset-typescript": "^7.22.5",
38
+ "@rollup/plugin-commonjs": "^23.0.7",
39
+ "@rollup/plugin-node-resolve": "^15.0.1",
40
+ "@rollup/plugin-typescript": "^9.0.2",
41
+ "@storybook/addon-actions": "^7.0.22",
42
+ "@storybook/addon-essentials": "^7.0.22",
43
+ "@storybook/addon-interactions": "^7.0.22",
44
+ "@storybook/addon-links": "^7.0.22",
45
+ "@storybook/addon-mdx-gfm": "7.0.22",
46
+ "@storybook/react": "^7.0.22",
47
+ "@storybook/react-webpack5": "7.0.22",
48
+ "@storybook/storybook-deployer": "^2.8.16",
49
+ "@storybook/testing-library": "^0.1.0",
50
+ "@types/react": "^18.0.22",
51
+ "@types/styled-components": "^5.1.26",
52
+ "babel-loader": "^8.2.5",
53
+ "chromatic": "^6.19.8",
54
+ "rollup": "^3.2.3",
55
+ "rollup-plugin-css-only": "^4.3.0",
56
+ "rollup-plugin-dts": "^5.1.1",
57
+ "rollup-plugin-image": "^1.0.2",
58
+ "rollup-plugin-peer-deps-external": "^2.2.4",
59
+ "rollup-plugin-postcss": "^4.0.2",
60
+ "rollup-plugin-terser": "^7.0.2",
61
+ "storybook": "7.0.22",
62
+ "styled-components": "^5.3.6",
63
+ "typescript": "^4.8.4",
64
+ "webpack": "^5.74.0",
65
+ "gatsby-plugin-mdx": "^5.11.0",
66
+ "@mdx-js/mdx": "^1.6.22",
67
+ "@mdx-js/react": "^1.6.22"
68
+ },
69
+ "dependencies": {
70
+ "@heroicons/react": "^2.0.13",
71
+ "@rollup/plugin-image": "^3.0.2",
72
+ "@rollup/plugin-json": "^6.0.0",
73
+ "@rollup/plugin-sucrase": "^5.0.1",
74
+ "axios": "^1.4.0",
75
+ "chart.js": "^3.9.1",
76
+ "dayjs": "^1.11.6",
77
+ "gh-pages": "^4.0.0",
78
+ "heroicons": "^2.0.12",
79
+ "postcss": "^8.4.21",
80
+ "react-chartjs-2": "^4.3.1",
81
+ "react-fast-marquee": "^1.3.5",
82
+ "react-is": "^18.2.0",
83
+ "rollup-plugin-copy": "^3.4.0",
84
+ "rollup-plugin-sourcemaps": "^0.6.3",
85
+ "rollup-plugin-typescript2": "^0.34.1"
86
+ },
87
+ "peerDependencies": {
88
+ "styled-components": "^5.3.6",
89
+ "react": "^18.2.0",
90
+ "react-dom": "^18.2.0"
91
+ },
92
+ "bugs": {
93
+ "url": "https://github.com/Secondstax/sscomp/issues"
94
+ },
95
+ "readme": "ERROR: No README data found!",
96
+ "homepage": "https://github.com/Secondstax/sscomp#readme",
97
+ "_id": "@secondstaxorg/sscomp@1.3.5"
98
+ }
@@ -1,8 +1,8 @@
1
- export interface PasswordFieldProps {
1
+ import React from "react";
2
+ export interface PasswordFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
2
3
  label?: string;
3
4
  subtext?: string;
4
5
  disabled?: boolean;
5
6
  errMsg?: string;
6
- setValue: (a: string) => void;
7
7
  placeholder?: string;
8
8
  }
@@ -0,0 +1 @@
1
+ export declare const SelectorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,10 @@
1
+ export interface SelectorProps {
2
+ itemsList: {
3
+ value?: string;
4
+ label: string;
5
+ }[];
6
+ selectedItem: (a: {
7
+ label: string;
8
+ value?: string;
9
+ } | null) => void;
10
+ }
@@ -0,0 +1,4 @@
1
+ declare const _default: {
2
+ ssxTypography: any;
3
+ };
4
+ export default _default;
@@ -37,6 +37,7 @@ export { default as NewsSourceTag } from './NewsSourceTag/NewsSourceTag';
37
37
  export { default as NewsTitleBar } from './NewsTitleBar/NewsTitleBar';
38
38
  export { default as PasswordField } from './PasswordField/PasswordField';
39
39
  export { default as PaymentMethodsTable } from './PaymentMethodsTable/PaymentMethods';
40
+ export { default as PopupModal } from './PopupModal/PopupModal';
40
41
  export { default as ProvidersTable } from './ProvidersTable/ProvidersTable';
41
42
  export { default as RateHistory } from './RateHistory/RateHistory';
42
43
  export { default as RequestForm } from './RequestForm/RequestForm';
@@ -60,4 +61,3 @@ export { default as UserRolesTable } from './UserRolesTable/UserRolesTable';
60
61
  export { default as UsersTable } from './UsersTable/UsersTable';
61
62
  export { default as WidgetTitle } from './WidgetTitle/WidgetTitle';
62
63
  export { default as SSXBar } from './SSXBar/SSXBar';
63
- export { default as PopupModal } from './PopupModal/PopupModal';
@@ -1,2 +1,2 @@
1
1
  export declare const PreviewContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const FirstDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const ColorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1 @@
1
+ export declare const Row: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { CardType } from "./type";
3
- declare const DropShadows: (props: CardType) => JSX.Element;
4
- export default DropShadows;