@phila/phila-ui-core 2.0.0 → 2.0.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 (3) hide show
  1. package/dist/styles/light-mode.css +21 -4
  2. package/dist/styles/utilities.css +53 -0
  3. package/package.json +2 -2
package/dist/styles/light-mode.css CHANGED
@@ -6,6 +6,7 @@ body {
6
6
  --Schemes-Secondary-Container: #0086ab;
7
7
  --Schemes-Inverse-Surface: #303030;
8
8
  --Schemes-Surface-Container-High: #c6c6c6;
9
+ --Schemes-Surface-Container-Highest: #ababab;
9
10
  --Schemes-Error-Container: #ff5c5c;
10
11
  --Schemes-Error-Container-2: #d14922;
11
12
  --Schemes-Surface-Container-Lowest: #fff;
@@ -17,15 +18,16 @@ body {
17
18
  --Label-Default-font-label-default-size: 1rem;
18
19
  --Label-Default-font-label-default-lineheight: 1rem;
19
20
  --Label-Small-font-label-small-size: 0.875rem;
20
-
21
- --Body-Small-font-body-small-family: "Montserrat";
22
- --Body-Small-font-body-small-size: 0.875rem;
23
- --Body-Small-font-body-small-lineheight: 1.25rem;
21
+ --Label-Small-font-label-small-lineheight: 1.25rem;
24
22
 
25
23
  --Body-Default-font-body-default-family: "Montserrat";
26
24
  --Body-Default-font-body-default-size: 1rem;
27
25
  --Body-Default-font-body-default-lineheight: 1.5rem;
28
26
 
27
+ --Body-Small-font-body-small-family: "Montserrat";
28
+ --Body-Small-font-body-small-size: 0.875rem;
29
+ --Body-Small-font-body-small-lineheight: 1.25rem;
30
+
29
31
  --Body-Large-font-body-large-family: "Montserrat";
30
32
  --Body-Large-font-body-large-size: 1.125rem;
31
33
  --Body-Large-font-body-large-lineheight: 1.75rem;
@@ -39,9 +41,24 @@ body {
39
41
  --Icon-Solid-Large-font-icon-solid-large-size: 2.25rem;
40
42
  --Icon-Solid-ExtraLarge-font-icon-solid-xl-size: 3rem;
41
43
 
44
+ --scale-xxsmall: 0.125rem;
45
+ --scale-xsmall: 0.25rem;
46
+ --scale-small: 0.5rem;
47
+ --scale-large: 1rem;
48
+ --scale-6xlarge: 3.5rem;
49
+
50
+ --Static-Body-Large-Font: "Roboto", sans-serif;
51
+ --Static-Body-Large-Size: 1rem;
52
+ --Static-Body-Large-Line-Height: 1.5rem;
53
+ --Static-Body-Large-Tracking: 0.03125rem;
42
54
  --Display-font-display-family: "Montserrat";
43
55
  --Display-Display-1-font-display-1-size: 4.5rem;
44
56
  --Display-Display-1-font-display-1-lineheight: 5.5rem;
57
+ --scale-xxsmall: 0.125rem;
58
+ --scale-xsmall: 0.25rem;
59
+ --scale-small: 0.5rem;
60
+ --scale-large: 1rem;
61
+ --scale-6xlarge: 3.5rem;
45
62
 
46
63
  --Display-Display-2-font-display-2-size: 3.5rem;
47
64
  --Display-Display-2-font-display-2-lineheight: 4.5rem;
package/dist/styles/utilities.css CHANGED
@@ -2,6 +2,33 @@
2
2
  .has-background-ben-franklin-blue {
3
3
  background-color: var(--dark-ben-franklin-blue);
4
4
  }
5
+
6
+ .has-label-small-text {
7
+ /* Label/Small */
8
+ font-family: var(--Label-font-label-family);
9
+ font-size: var(--Label-Small-font-label-small-size);
10
+ font-style: normal;
11
+ font-weight: 600;
12
+ line-height: var(--Label-Small-font-label-small-lineheight);
13
+ }
14
+
15
+ .has-body-default-text {
16
+ /* Body/Default */
17
+ font-family: var(--Body-Default-font-body-default-family);
18
+ font-size: var(--Body-Default-font-body-default-size);
19
+ font-style: normal;
20
+ font-weight: 400;
21
+ line-height: var(--Body-Default-font-body-default-lineheight);
22
+ }
23
+
24
+ .has-body-small-text {
25
+ /* Body/Small */
26
+ font-family: var(--Body-Small-font-body-small-family);
27
+ font-size: var(--Body-Small-font-body-small-size);
28
+ font-style: normal;
29
+ font-weight: 400;
30
+ line-height: var(--Body-Small-font-body-small-lineheight);
31
+ }
5
32
  .has-text-display-1 {
6
33
  font-family: var(--Display-font-display-family);
7
34
  font-size: var(--Display-Display-1-font-display-1-size);
@@ -14,3 +41,29 @@
14
41
  font-weight: 600;
15
42
  line-height: var(--Display-Display-2-font-display-2-lineheight);
16
43
  }
44
+ .has-label-small-text {
45
+ /* Label/Small */
46
+ font-family: var(--Label-font-label-family);
47
+ font-size: var(--Label-Small-font-label-small-size);
48
+ font-style: normal;
49
+ font-weight: 600;
50
+ line-height: var(--Label-Small-font-label-small-lineheight);
51
+ }
52
+
53
+ .has-body-default-text {
54
+ /* Body/Default */
55
+ font-family: var(--Body-Default-font-body-default-family);
56
+ font-size: var(--Body-Default-font-body-default-size);
57
+ font-style: normal;
58
+ font-weight: 400;
59
+ line-height: var(--Body-Default-font-body-default-lineheight);
60
+ }
61
+
62
+ .has-body-small-text {
63
+ /* Body/Small */
64
+ font-family: var(--Body-Small-font-body-small-family);
65
+ font-size: var(--Body-Small-font-body-small-size);
66
+ font-style: normal;
67
+ font-weight: 400;
68
+ line-height: var(--Body-Small-font-body-small-lineheight);
69
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phila/phila-ui-core",
3
- "version": "2.0.0",
3
+ "version": "2.0.1",
4
4
  "description": "Core utilities and styles for Phila UI library",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
@@ -56,7 +56,7 @@
56
56
  },
57
57
  "scripts": {
58
58
  "build": "vite build && npm run copy-css",
59
- "copy-css": "mkdir -p dist/styles && cp src/styles/*.css dist/styles/",
59
+ "copy-css": "mkdir dist/styles && cp src/styles/*.css dist/styles/",
60
60
  "dev": "vite build --watch",
61
61
  "lint": "eslint src/**/*.{ts,vue}",
62
62
  "lint:fix": "eslint src/**/*.{ts,vue} --fix",