@agility/plenum-ui 2.0.9 → 2.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 (8) hide show
  1. package/.storybook/Layout.jsx +1 -1
  2. package/.storybook/head.tsx +1 -4
  3. package/.storybook/preview.tsx +2 -0
  4. package/app/globals.css +253 -7
  5. package/app/layout.tsx +8 -22
  6. package/dist/tailwind.css +1 -58529
  7. package/package.json +1 -1
  8. package/tailwind.config.js +60 -47
package/.storybook/Layout.jsx CHANGED
@@ -3,7 +3,7 @@ import "../lib/tailwind.css"
3
3
 
4
4
  const Layout = ({ children }) => {
5
5
  return (
6
- <div className="p5 min-w-[320px] font-mulish">
6
+ <div className="p5 min-w-[320px] font-sans">
7
7
  <div className="flex items-center w-full justify-center">{children}</div>
8
8
  </div>
9
9
  )
package/.storybook/head.tsx CHANGED
@@ -1,4 +1 @@
1
- ;<link
2
- href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
3
- rel="stylesheet"
4
- ></link>
1
+
package/.storybook/preview.tsx CHANGED
@@ -1,6 +1,8 @@
1
1
  import { Preview } from "@storybook/react"
2
2
  import Layout from "./Layout"
3
3
  import React from "react"
4
+ import "../app/globals.css"
5
+ // import "./fonts.css"
4
6
 
5
7
  const preview: Preview = {
6
8
  parameters: {
package/app/globals.css CHANGED
@@ -1,13 +1,264 @@
1
1
  @tailwind base;
2
2
  @tailwind components;
3
3
  @tailwind utilities;
4
+
4
5
  @layer {
5
6
  * {
6
7
  /* set the default outline color on focus */
7
8
  outline-color: #7933dd;
8
-
9
9
  }
10
-
10
+ /* Thin - 100 */
11
+ @font-face {
12
+ font-family: "TTInterphasesPro";
13
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_Thin.woff2")
14
+ format("woff2"),
15
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_Thin.woff")
16
+ format("woff"),
17
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_Thin.ttf")
18
+ format("truetype"),
19
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_Thin.eot")
20
+ format("embedded-opentype");
21
+ font-weight: 100;
22
+ font-style: normal;
23
+ }
24
+ /* Thin Italic - 100 */
25
+ @font-face {
26
+ font-family: "TTInterphasesPro";
27
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_Thin_Italic.woff2")
28
+ format("woff2"),
29
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_Thin_Italic.woff")
30
+ format("woff"),
31
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_Thin_Italic.ttf")
32
+ format("truetype"),
33
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_Thin_Italic.eot")
34
+ format("embedded-opentype");
35
+ font-weight: 100;
36
+ font-style: italic;
37
+ }
38
+ /* Extra-Light - 200 */
39
+ @font-face {
40
+ font-family: "TTInterphasesPro";
41
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_ExtraLight.woff2")
42
+ format("woff2"),
43
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_ExtraLight.woff")
44
+ format("woff"),
45
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_ExtraLight.ttf")
46
+ format("truetype"),
47
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_ExtraLight.eot")
48
+ format("embedded-opentype");
49
+ font-weight: 200;
50
+ font-style: normal;
51
+ }
52
+ /* Extra-Light Italic - 200 */
53
+ @font-face {
54
+ font-family: "TTInterphasesPro";
55
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_ExtraLight_Italic.woff2")
56
+ format("woff2"),
57
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_ExtraLight_Italic.woff")
58
+ format("woff"),
59
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_ExtraLight_Italic.ttf")
60
+ format("truetype"),
61
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_ExtraLight_Italic.eot")
62
+ format("embedded-opentype");
63
+ font-weight: 200;
64
+ font-style: italic;
65
+ }
66
+ /* Light - 300 */
67
+ @font-face {
68
+ font-family: "TTInterphasesPro";
69
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_Light.woff2")
70
+ format("woff2"),
71
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_Light.woff")
72
+ format("woff"),
73
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_Light.ttf")
74
+ format("truetype"),
75
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_Light.eot")
76
+ format("embedded-opentype");
77
+ font-weight: 300;
78
+ font-style: normal;
79
+ }
80
+ /* Light Italic - 300 */
81
+ @font-face {
82
+ font-family: "TTInterphasesPro";
83
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_Light_Italic.woff2")
84
+ format("woff2"),
85
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_Light_Italic.woff")
86
+ format("woff"),
87
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_Light_Italic.ttf")
88
+ format("truetype"),
89
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_Light_Italic.eot")
90
+ format("embedded-opentype");
91
+ font-weight: 300;
92
+ font-style: italic;
93
+ }
94
+ /* Regular - 400 */
95
+ @font-face {
96
+ font-family: "TTInterphasesPro";
97
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_Regular-1.woff2")
98
+ format("woff2"),
99
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_Regular-1.woff")
100
+ format("woff"),
101
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_Regular-1.ttf")
102
+ format("truetype"),
103
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_Regular-1.eot")
104
+ format("embedded-opentype");
105
+ font-weight: 400;
106
+ font-style: normal;
107
+ }
108
+ /* Regular Italic - 400 */
109
+ @font-face {
110
+ font-family: "TTInterphasesPro";
111
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_Italic.woff2")
112
+ format("woff2"),
113
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_Italic.woff")
114
+ format("woff"),
115
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_Italic.ttf")
116
+ format("truetype"),
117
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_Italic.eot")
118
+ format("embedded-opentype");
119
+ font-weight: 400;
120
+ font-style: italic;
121
+ }
122
+ /* Medium - 500 */
123
+ @font-face {
124
+ font-family: "TTInterphasesPro";
125
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_Medium.woff2")
126
+ format("woff2"),
127
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_Medium.woff")
128
+ format("woff"),
129
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_Medium.ttf")
130
+ format("truetype"),
131
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_Medium.eot")
132
+ format("embedded-opentype");
133
+ font-weight: 500;
134
+ font-style: normal;
135
+ }
136
+ /* Medium Italic - 500 */
137
+ @font-face {
138
+ font-family: "TTInterphasesPro";
139
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_Medium_Italic.woff2")
140
+ format("woff2"),
141
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_Medium_Italic.woff")
142
+ format("woff"),
143
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_Medium_Italic.ttf")
144
+ format("truetype"),
145
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_Medium_Italic.eot")
146
+ format("embedded-opentype");
147
+ font-weight: 500;
148
+ font-style: italic;
149
+ }
150
+ /* Demi-Bold - 600 */
151
+ @font-face {
152
+ font-family: "TTInterphasesPro";
153
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_DemiBold.woff2")
154
+ format("woff2"),
155
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_DemiBold.woff")
156
+ format("woff"),
157
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_DemiBold.ttf")
158
+ format("truetype"),
159
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_DemiBold.eot")
160
+ format("embedded-opentype");
161
+ font-weight: 600;
162
+ font-style: normal;
163
+ }
164
+ /* Demi-Bold Italic - 600 */
165
+ @font-face {
166
+ font-family: "TTInterphasesPro";
167
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_DemiBold_Italic.woff2")
168
+ format("woff2"),
169
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_DemiBold_Italic.woff")
170
+ format("woff"),
171
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_DemiBold_Italic.ttf")
172
+ format("truetype"),
173
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_DemiBold_Italic.eot")
174
+ format("embedded-opentype");
175
+ font-weight: 600;
176
+ font-style: italic;
177
+ }
178
+ /* Bold - 700 */
179
+ @font-face {
180
+ font-family: "TTInterphasesPro";
181
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_Bold.woff2")
182
+ format("woff2"),
183
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_Bold.woff")
184
+ format("woff"),
185
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_Bold.ttf")
186
+ format("truetype"),
187
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_Bold.eot")
188
+ format("embedded-opentype");
189
+ font-weight: 700;
190
+ font-style: normal;
191
+ }
192
+ /* Bold Italic - 700 */
193
+ @font-face {
194
+ font-family: "TTInterphasesPro";
195
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_Bold_Italic.woff2")
196
+ format("woff2"),
197
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_Bold_Italic.woff")
198
+ format("woff"),
199
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_Bold_Italic.ttf")
200
+ format("truetype"),
201
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_Bold_Italic.eot")
202
+ format("embedded-opentype");
203
+ font-weight: 700;
204
+ font-style: italic;
205
+ }
206
+ /* Extra-Bold - 800 */
207
+ @font-face {
208
+ font-family: "TTInterphasesPro";
209
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_ExtraBold.woff2")
210
+ format("woff2"),
211
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_ExtraBold.woff")
212
+ format("woff"),
213
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_ExtraBold.ttf")
214
+ format("truetype"),
215
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_ExtraBold.eot")
216
+ format("embedded-opentype");
217
+ font-weight: 800;
218
+ font-style: normal;
219
+ }
220
+ /* Extra-Bold Italic - 800 */
221
+ @font-face {
222
+ font-family: "TTInterphasesPro";
223
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_ExtraBold_Italic.woff2")
224
+ format("woff2"),
225
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_ExtraBold_Italic.woff")
226
+ format("woff"),
227
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_ExtraBold_Italic.ttf")
228
+ format("truetype"),
229
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_ExtraBold_Italic.eot")
230
+ format("embedded-opentype");
231
+ font-weight: 800;
232
+ font-style: italic;
233
+ }
234
+ /* Black - 900 */
235
+ @font-face {
236
+ font-family: "TTInterphasesPro";
237
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_Black.woff2")
238
+ format("woff2"),
239
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_Black.woff")
240
+ format("woff"),
241
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_Black.ttf")
242
+ format("truetype"),
243
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_Black.eot")
244
+ format("embedded-opentype");
245
+ font-weight: 900;
246
+ font-style: normal;
247
+ }
248
+ /* Black Italic - 900 */
249
+ @font-face {
250
+ font-family: "TTInterphasesPro";
251
+ src: url("https://cdn.aglty.io/content-manager/fonts/interphases/woff2/TT_Interphases_Pro_Black_Italic.woff2")
252
+ format("woff2"),
253
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/woff/TT_Interphases_Pro_Black_Italic.woff")
254
+ format("woff"),
255
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/ttf/TT_Interphases_Pro_Black_Italic.ttf")
256
+ format("truetype"),
257
+ url("https://cdn.aglty.io/content-manager/fonts/interphases/eot/TT_Interphases_Pro_Black_Italic.eot")
258
+ format("embedded-opentype");
259
+ font-weight: 900;
260
+ font-style: italic;
261
+ }
11
262
  /*
12
263
  vertical splitter on the InnerContainer component
13
264
 
@@ -27,7 +278,6 @@
27
278
  border-left: 1px solid #ddd;
28
279
  } */
29
280
 
30
-
31
281
  /*
32
282
  scroll bar overrides
33
283
  */
@@ -92,8 +342,4 @@
92
342
  font-weight: bold;
93
343
  font-size: 13px !important;
94
344
  }
95
-
96
-
97
-
98
-
99
345
  }
package/app/layout.tsx CHANGED
@@ -1,28 +1,14 @@
1
- import { Mulish } from "@next/font/google"
2
1
  import "./globals.css"
3
2
 
4
- const mulishFont = Mulish({
5
- variable: "--mulish",
6
- weight: ["200", "300", "400", "500", "600", "700", "800", "900", "1000"],
7
- display: "swap",
8
- style: ["normal", "italic"],
9
- subsets: ["latin"],
10
- fallback: ["Helvetica", "Arial", "sans-serif"]
11
- })
12
-
13
- export default function RootLayout({
14
- children,
15
- }: {
16
- children: React.ReactNode
17
- }) {
18
- return (
19
- <html lang="en" className={`${mulishFont.variable}`}>
20
- {/*
3
+ export default function RootLayout({ children }: { children: React.ReactNode }) {
4
+ return (
5
+ <html lang="en">
6
+ {/*
21
7
  <head /> will contain the components returned by the nearest parent
22
8
  head.tsx. Find out more at https://beta.nextjs.org/docs/api-reference/file-conventions/head
23
9
  */}
24
- <head />
25
- <body>{children}</body>
26
- </html>
27
- )
10
+ <head />
11
+ <body>{children}</body>
12
+ </html>
13
+ )
28
14
  }