@agility/plenum-ui 2.0.9 → 2.1.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.
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 +3 -7
  7. package/package.json +1 -1
  8. package/tailwind.config.js +3 -3
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
  }
package/dist/tailwind.css CHANGED
@@ -44,7 +44,7 @@ html {
44
44
  -o-tab-size: 4;
45
45
  tab-size: 4;
46
46
  /* 3 */
47
- font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
47
+ font-family: TTInterphasesPro, sans-serif;
48
48
  /* 4 */
49
49
  font-feature-settings: normal;
50
50
  /* 5 */
@@ -50596,8 +50596,8 @@ select {
50596
50596
  text-align: center;
50597
50597
  }
50598
50598
 
50599
- .font-mulish {
50600
- font-family: Mulish, sans-serif;
50599
+ .font-sans {
50600
+ font-family: TTInterphasesPro, sans-serif;
50601
50601
  }
50602
50602
 
50603
50603
  .\!text-xs {
@@ -50695,10 +50695,6 @@ select {
50695
50695
  text-transform: uppercase;
50696
50696
  }
50697
50697
 
50698
- .italic {
50699
- font-style: italic;
50700
- }
50701
-
50702
50698
  .leading-4 {
50703
50699
  line-height: 1rem;
50704
50700
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agility/plenum-ui",
3
- "version": "2.0.9",
3
+ "version": "2.1.1",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
package/tailwind.config.js CHANGED
@@ -35,10 +35,10 @@ module.exports = {
35
35
  }
36
36
  ],
37
37
  theme: {
38
- fontFamily: {
39
- mulish: ["Mulish", "sans-serif"]
40
- },
41
38
  extend: {
39
+ fontFamily: {
40
+ sans: ["TTInterphasesPro", "sans-serif"]
41
+ },
42
42
  backgroundImage: (theme) => ({
43
43
  "label-gradient-focus": "linear-gradient(to top, #FFF 10px, transparent 10px)",
44
44
  "label-gradient-idle": "linear-gradient(to top, #FFF 10px, transparent 10px)"