@payfit/unity-themes 2.36.6 → 2.36.7
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.
- package/README.md +0 -1
- package/dist/css/unity.css +75 -80
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -18,7 +18,6 @@ Install and configure this package by following these steps:
|
|
|
18
18
|
2. **Set up TailwindCSS in your project**
|
|
19
19
|
|
|
20
20
|
You need to configure TailwindCSS 4 in your project. This can be done using either the Vite plugin or PostCSS plugin:
|
|
21
|
-
|
|
22
21
|
- [Install TailwindCSS v4 in a Vite Project](https://tailwindcss.com/docs/installation/using-vite)
|
|
23
22
|
- [Install TailwindCSS v4 using PostCSS](https://tailwindcss.com/docs/installation/using-postcss)
|
|
24
23
|
|
package/dist/css/unity.css
CHANGED
|
@@ -544,45 +544,42 @@
|
|
|
544
544
|
--uy-shadow-400: 0px 8px 18px 2px var(--uy-color-utility-shadow-400);
|
|
545
545
|
--uy-shadow-500: 0px 8px 24px 4px var(--uy-color-utility-shadow-500);
|
|
546
546
|
--uy-shadow-600: 0px 15px 30px 5px var(--uy-color-utility-shadow-600);
|
|
547
|
-
--uy-typography-default-display-heading: var(--uy-font-weight-semibold) var(--uy-text-1000)
|
|
548
|
-
|
|
549
|
-
--uy-typography-
|
|
550
|
-
--uy-typography-
|
|
551
|
-
--uy-typography-
|
|
552
|
-
--uy-typography-
|
|
553
|
-
--uy-typography-
|
|
554
|
-
--uy-typography-
|
|
555
|
-
--uy-typography-
|
|
556
|
-
--uy-typography-
|
|
557
|
-
--uy-typography-
|
|
558
|
-
--uy-typography-
|
|
559
|
-
--uy-typography-
|
|
560
|
-
--uy-typography-
|
|
561
|
-
--uy-typography-
|
|
562
|
-
--uy-typography-
|
|
563
|
-
--uy-typography-
|
|
564
|
-
--uy-typography-
|
|
565
|
-
--uy-typography-
|
|
566
|
-
--uy-typography-
|
|
567
|
-
--uy-typography-
|
|
568
|
-
--uy-typography-
|
|
569
|
-
--uy-typography-
|
|
570
|
-
--uy-typography-
|
|
571
|
-
--uy-typography-
|
|
572
|
-
--uy-typography-
|
|
573
|
-
|
|
574
|
-
--uy-typography-sm-body-
|
|
575
|
-
--uy-typography-default-body-large: var(--uy-font-weight-
|
|
576
|
-
--uy-typography-sm-body-large: var(--uy-font-weight-
|
|
577
|
-
--uy-typography-default-
|
|
578
|
-
|
|
579
|
-
--uy-typography-
|
|
580
|
-
--uy-typography-
|
|
581
|
-
--uy-typography-
|
|
582
|
-
--uy-typography-
|
|
583
|
-
--uy-typography-sm-action-small: var(--uy-font-weight-medium) var(--uy-text-50) / 1.667 var(--uy-font-sans);
|
|
584
|
-
--uy-typography-default-action-large: var(--uy-font-weight-medium) var(--uy-text-200) / 1.556 var(--uy-font-sans);
|
|
585
|
-
--uy-typography-sm-action-large: var(--uy-font-weight-medium) var(--uy-text-100) / 1.5 var(--uy-font-sans);
|
|
547
|
+
--uy-typography-default-display-heading: var(--uy-font-weight-semibold) var(--uy-text-1000)/1.25 var(--uy-font-sans);
|
|
548
|
+
--uy-typography-sm-display-heading: var(--uy-font-weight-semibold) var(--uy-text-1000)/1.25 var(--uy-font-sans);
|
|
549
|
+
--uy-typography-default-h1: var(--uy-font-weight-semibold) var(--uy-text-800)/1.2 var(--uy-font-sans);
|
|
550
|
+
--uy-typography-sm-h1: var(--uy-font-weight-semibold) var(--uy-text-600)/1.286 var(--uy-font-sans);
|
|
551
|
+
--uy-typography-default-h2: var(--uy-font-weight-semibold) var(--uy-text-400)/1.273 var(--uy-font-sans);
|
|
552
|
+
--uy-typography-sm-h2: var(--uy-font-weight-semibold) var(--uy-text-500)/1.333 var(--uy-font-sans);
|
|
553
|
+
--uy-typography-default-h3: var(--uy-font-weight-semibold) var(--uy-text-200)/1.333 var(--uy-font-sans);
|
|
554
|
+
--uy-typography-sm-h3: var(--uy-font-weight-semibold) var(--uy-text-300)/1.2 var(--uy-font-sans);
|
|
555
|
+
--uy-typography-default-h4: var(--uy-font-weight-semibold) var(--uy-text-100)/1.125 var(--uy-font-sans);
|
|
556
|
+
--uy-typography-sm-h4: var(--uy-font-weight-semibold) var(--uy-text-200)/1.333 var(--uy-font-sans);
|
|
557
|
+
--uy-typography-default-overline: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
558
|
+
--uy-typography-sm-overline: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
559
|
+
--uy-typography-default-subtitle: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
560
|
+
--uy-typography-sm-subtitle: var(--uy-font-weight-regular) var(--uy-text-100)/1.333 var(--uy-font-sans);
|
|
561
|
+
--uy-typography-default-display-title: var(--uy-font-weight-semibold) var(--uy-text-300)/1.4 var(--uy-font-sans);
|
|
562
|
+
--uy-typography-sm-display-title: var(--uy-font-weight-semibold) var(--uy-text-500)/1.333 var(--uy-font-sans);
|
|
563
|
+
--uy-typography-default-display-body: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
564
|
+
--uy-typography-sm-display-body: var(--uy-font-weight-regular) var(--uy-text-200)/1.556 var(--uy-font-sans);
|
|
565
|
+
--uy-typography-default-body: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
566
|
+
--uy-typography-sm-body: var(--uy-font-weight-regular) var(--uy-text-75)/1.571 var(--uy-font-sans);
|
|
567
|
+
--uy-typography-default-body-strong: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
568
|
+
--uy-typography-sm-body-strong: var(--uy-font-weight-medium) var(--uy-text-75)/1.571 var(--uy-font-sans);
|
|
569
|
+
--uy-typography-default-body-small: var(--uy-font-weight-regular) var(--uy-text-50)/1.667 var(--uy-font-sans);
|
|
570
|
+
--uy-typography-sm-body-small: var(--uy-font-weight-regular) var(--uy-text-50)/1.667 var(--uy-font-sans);
|
|
571
|
+
--uy-typography-default-body-small-strong: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
|
|
572
|
+
--uy-typography-sm-body-small-strong: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
|
|
573
|
+
--uy-typography-default-body-large: var(--uy-font-weight-regular) var(--uy-text-200)/1.556 var(--uy-font-sans);
|
|
574
|
+
--uy-typography-sm-body-large: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
575
|
+
--uy-typography-default-body-large-strong: var(--uy-font-weight-medium) var(--uy-text-200)/1.556 var(--uy-font-sans);
|
|
576
|
+
--uy-typography-sm-body-large-strong: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
577
|
+
--uy-typography-default-action: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
578
|
+
--uy-typography-sm-action: var(--uy-font-weight-medium) var(--uy-text-75)/1.571 var(--uy-font-sans);
|
|
579
|
+
--uy-typography-default-action-small: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
|
|
580
|
+
--uy-typography-sm-action-small: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
|
|
581
|
+
--uy-typography-default-action-large: var(--uy-font-weight-medium) var(--uy-text-200)/1.556 var(--uy-font-sans);
|
|
582
|
+
--uy-typography-sm-action-large: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
586
583
|
--uy-shadow-raising: var(--uy-shadow-100);
|
|
587
584
|
--uy-shadow-floating: var(--uy-shadow-200);
|
|
588
585
|
--uy-shadow-levitating: var(--uy-shadow-300);
|
|
@@ -1117,45 +1114,43 @@
|
|
|
1117
1114
|
--uy-shadow-400: 0px 8px 18px 2px var(--uy-color-utility-shadow-400);
|
|
1118
1115
|
--uy-shadow-500: 0px 8px 24px 4px var(--uy-color-utility-shadow-500);
|
|
1119
1116
|
--uy-shadow-600: 0px 15px 30px 5px var(--uy-color-utility-shadow-600);
|
|
1120
|
-
--uy-typography-default-display-heading: var(--uy-font-weight-semibold) var(--uy-text-1000)
|
|
1117
|
+
--uy-typography-default-display-heading: var(--uy-font-weight-semibold) var(--uy-text-1000)/1.25
|
|
1121
1118
|
var(--uy-font-serif);
|
|
1122
|
-
--uy-typography-sm-display-heading: var(--uy-font-weight-semibold) var(--uy-text-1000)
|
|
1123
|
-
--uy-typography-default-h1: var(--uy-font-weight-semibold) var(--uy-text-800)
|
|
1124
|
-
--uy-typography-sm-h1: var(--uy-font-weight-semibold) var(--uy-text-600)
|
|
1125
|
-
--uy-typography-default-h2: var(--uy-font-weight-semibold) var(--uy-text-400)
|
|
1126
|
-
--uy-typography-sm-h2: var(--uy-font-weight-semibold) var(--uy-text-500)
|
|
1127
|
-
--uy-typography-default-h3: var(--uy-font-weight-semibold) var(--uy-text-200)
|
|
1128
|
-
--uy-typography-sm-h3: var(--uy-font-weight-semibold) var(--uy-text-300)
|
|
1129
|
-
--uy-typography-default-h4: var(--uy-font-weight-semibold) var(--uy-text-100)
|
|
1130
|
-
--uy-typography-sm-h4: var(--uy-font-weight-semibold) var(--uy-text-200)
|
|
1131
|
-
--uy-typography-default-overline: var(--uy-font-weight-medium) var(--uy-text-100)
|
|
1132
|
-
--uy-typography-sm-overline: var(--uy-font-weight-medium) var(--uy-text-100)
|
|
1133
|
-
--uy-typography-default-subtitle: var(--uy-font-weight-regular) var(--uy-text-100)
|
|
1134
|
-
--uy-typography-sm-subtitle: var(--uy-font-weight-regular) var(--uy-text-100)
|
|
1135
|
-
--uy-typography-default-display-title: var(--uy-font-weight-semibold) var(--uy-text-300)
|
|
1136
|
-
--uy-typography-sm-display-title: var(--uy-font-weight-semibold) var(--uy-text-500)
|
|
1137
|
-
--uy-typography-default-display-body: var(--uy-font-weight-regular) var(--uy-text-100)
|
|
1138
|
-
--uy-typography-sm-display-body: var(--uy-font-weight-regular) var(--uy-text-200)
|
|
1139
|
-
--uy-typography-default-body: var(--uy-font-weight-regular) var(--uy-text-100)
|
|
1140
|
-
--uy-typography-sm-body: var(--uy-font-weight-regular) var(--uy-text-75)
|
|
1141
|
-
--uy-typography-default-body-strong: var(--uy-font-weight-medium) var(--uy-text-100)
|
|
1142
|
-
--uy-typography-sm-body-strong: var(--uy-font-weight-medium) var(--uy-text-75)
|
|
1143
|
-
--uy-typography-default-body-small: var(--uy-font-weight-regular) var(--uy-text-50)
|
|
1144
|
-
--uy-typography-sm-body-small: var(--uy-font-weight-regular) var(--uy-text-50)
|
|
1145
|
-
--uy-typography-default-body-small-strong: var(--uy-font-weight-medium) var(--uy-text-50)
|
|
1146
|
-
|
|
1147
|
-
--uy-typography-
|
|
1148
|
-
--uy-typography-
|
|
1149
|
-
--uy-typography-
|
|
1150
|
-
--uy-typography-
|
|
1151
|
-
|
|
1152
|
-
--uy-typography-sm-
|
|
1153
|
-
--uy-typography-default-action: var(--uy-font-weight-medium) var(--uy-text-
|
|
1154
|
-
--uy-typography-sm-action: var(--uy-font-weight-medium) var(--uy-text-
|
|
1155
|
-
--uy-typography-default-action-
|
|
1156
|
-
--uy-typography-sm-action-
|
|
1157
|
-
--uy-typography-default-action-large: var(--uy-font-weight-medium) var(--uy-text-200) / 1.556 var(--uy-font-sans);
|
|
1158
|
-
--uy-typography-sm-action-large: var(--uy-font-weight-medium) var(--uy-text-100) / 1.5 var(--uy-font-sans);
|
|
1119
|
+
--uy-typography-sm-display-heading: var(--uy-font-weight-semibold) var(--uy-text-1000)/1.25 var(--uy-font-serif);
|
|
1120
|
+
--uy-typography-default-h1: var(--uy-font-weight-semibold) var(--uy-text-800)/1.2 var(--uy-font-serif);
|
|
1121
|
+
--uy-typography-sm-h1: var(--uy-font-weight-semibold) var(--uy-text-600)/1.286 var(--uy-font-serif);
|
|
1122
|
+
--uy-typography-default-h2: var(--uy-font-weight-semibold) var(--uy-text-400)/1.273 var(--uy-font-sans);
|
|
1123
|
+
--uy-typography-sm-h2: var(--uy-font-weight-semibold) var(--uy-text-500)/1.333 var(--uy-font-sans);
|
|
1124
|
+
--uy-typography-default-h3: var(--uy-font-weight-semibold) var(--uy-text-200)/1.333 var(--uy-font-sans);
|
|
1125
|
+
--uy-typography-sm-h3: var(--uy-font-weight-semibold) var(--uy-text-300)/1.2 var(--uy-font-sans);
|
|
1126
|
+
--uy-typography-default-h4: var(--uy-font-weight-semibold) var(--uy-text-100)/1.125 var(--uy-font-sans);
|
|
1127
|
+
--uy-typography-sm-h4: var(--uy-font-weight-semibold) var(--uy-text-200)/1.333 var(--uy-font-sans);
|
|
1128
|
+
--uy-typography-default-overline: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
1129
|
+
--uy-typography-sm-overline: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
1130
|
+
--uy-typography-default-subtitle: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
1131
|
+
--uy-typography-sm-subtitle: var(--uy-font-weight-regular) var(--uy-text-100)/1.333 var(--uy-font-sans);
|
|
1132
|
+
--uy-typography-default-display-title: var(--uy-font-weight-semibold) var(--uy-text-300)/1.4 var(--uy-font-sans);
|
|
1133
|
+
--uy-typography-sm-display-title: var(--uy-font-weight-semibold) var(--uy-text-500)/1.333 var(--uy-font-sans);
|
|
1134
|
+
--uy-typography-default-display-body: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
1135
|
+
--uy-typography-sm-display-body: var(--uy-font-weight-regular) var(--uy-text-200)/1.556 var(--uy-font-sans);
|
|
1136
|
+
--uy-typography-default-body: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
1137
|
+
--uy-typography-sm-body: var(--uy-font-weight-regular) var(--uy-text-75)/1.571 var(--uy-font-sans);
|
|
1138
|
+
--uy-typography-default-body-strong: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
1139
|
+
--uy-typography-sm-body-strong: var(--uy-font-weight-medium) var(--uy-text-75)/1.571 var(--uy-font-sans);
|
|
1140
|
+
--uy-typography-default-body-small: var(--uy-font-weight-regular) var(--uy-text-50)/1.667 var(--uy-font-sans);
|
|
1141
|
+
--uy-typography-sm-body-small: var(--uy-font-weight-regular) var(--uy-text-50)/1.667 var(--uy-font-sans);
|
|
1142
|
+
--uy-typography-default-body-small-strong: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
|
|
1143
|
+
--uy-typography-sm-body-small-strong: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
|
|
1144
|
+
--uy-typography-default-body-large: var(--uy-font-weight-regular) var(--uy-text-200)/1.556 var(--uy-font-sans);
|
|
1145
|
+
--uy-typography-sm-body-large: var(--uy-font-weight-regular) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
1146
|
+
--uy-typography-default-body-large-strong: var(--uy-font-weight-medium) var(--uy-text-200)/1.556 var(--uy-font-sans);
|
|
1147
|
+
--uy-typography-sm-body-large-strong: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
1148
|
+
--uy-typography-default-action: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
1149
|
+
--uy-typography-sm-action: var(--uy-font-weight-medium) var(--uy-text-75)/1.571 var(--uy-font-sans);
|
|
1150
|
+
--uy-typography-default-action-small: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
|
|
1151
|
+
--uy-typography-sm-action-small: var(--uy-font-weight-medium) var(--uy-text-50)/1.667 var(--uy-font-sans);
|
|
1152
|
+
--uy-typography-default-action-large: var(--uy-font-weight-medium) var(--uy-text-200)/1.556 var(--uy-font-sans);
|
|
1153
|
+
--uy-typography-sm-action-large: var(--uy-font-weight-medium) var(--uy-text-100)/1.5 var(--uy-font-sans);
|
|
1159
1154
|
--uy-shadow-raising: var(--uy-shadow-100);
|
|
1160
1155
|
--uy-shadow-floating: var(--uy-shadow-200);
|
|
1161
1156
|
--uy-shadow-levitating: var(--uy-shadow-300);
|
|
@@ -1911,9 +1906,9 @@
|
|
|
1911
1906
|
/* Font */
|
|
1912
1907
|
html,
|
|
1913
1908
|
body {
|
|
1914
|
-
font-family:
|
|
1915
|
-
|
|
1916
|
-
'Segoe UI Symbol';
|
|
1909
|
+
font-family:
|
|
1910
|
+
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,
|
|
1911
|
+
sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
1917
1912
|
font-size: 14px;
|
|
1918
1913
|
/* Line height value taken from normalize.css */
|
|
1919
1914
|
line-height: 1.5;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@payfit/unity-themes",
|
|
3
|
-
"version": "2.36.
|
|
3
|
+
"version": "2.36.7",
|
|
4
4
|
"main": "./dist/esm/index.js",
|
|
5
5
|
"types": "./dist/esm/index.d.ts",
|
|
6
6
|
"style": "./dist/css/unity.css",
|
|
@@ -60,8 +60,8 @@
|
|
|
60
60
|
"vite": "7.1.12",
|
|
61
61
|
"vitest": "4.1.0",
|
|
62
62
|
"@payfit/code-pushup-tools": "0.0.0-use.local",
|
|
63
|
-
"@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
|
|
64
63
|
"@payfit/hr-app-eslint": "0.0.0-use.local",
|
|
64
|
+
"@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
|
|
65
65
|
"@payfit/storybook-config": "0.0.0-use.local",
|
|
66
66
|
"@payfit/vite-configs": "0.0.0-use.local"
|
|
67
67
|
},
|