@phila/phila-ui-core 2.2.0-beta.2 → 2.2.0-beta.3

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 (10) hide show
  1. package/dist/styles/utilities/color.css +1 -1
  2. package/package.json +3 -3
  3. package/dist/styles/generated/extended-colors.css +0 -11
  4. package/dist/styles/generated/other.css +0 -111
  5. package/dist/styles/generated/palettes.css +0 -140
  6. package/dist/styles/generated/primitives.css +0 -293
  7. package/dist/styles/generated/schemes.css +0 -58
  8. package/dist/styles/generated/sizes.css +0 -44
  9. package/dist/styles/generated/typography.css +0 -281
  10. package/dist/styles/raw/PhilaUI 4.0-variables.css +0 -3543
package/dist/styles/utilities/color.css CHANGED
@@ -16,7 +16,7 @@
16
16
  --Extended-Colors-link-default: var(--Schemes-Primary);
17
17
  --Extended-Colors-link-hover: var(--Schemes-On-Surface);
18
18
  --Extended-Colors-link-visited: var(--Extended-Colors-link-visited);
19
- background-color: var(--ghost-gray);
19
+ background-color: var(--primitive-colors-ghost-gray);
20
20
  }
21
21
 
22
22
  .has-background-secondary {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phila/phila-ui-core",
3
- "version": "2.2.0-beta.2",
3
+ "version": "2.2.0-beta.3",
4
4
  "type": "module",
5
5
  "description": "Core utilities and styles for Phila UI library",
6
6
  "main": "./dist/index.js",
@@ -68,9 +68,9 @@
68
68
  },
69
69
  "scripts": {
70
70
  "build": "vite build && npm run copy-css",
71
- "copy-css": "mkdir -p dist/styles && cp -r src/styles/. dist/styles/",
71
+ "copy-css": "mkdir -p dist/styles/elements && mkdir -p dist/styles/utilities && cp src/styles/*.css dist/styles/ && cp src/styles/elements/*.css dist/styles/elements/ && cp src/styles/utilities/*.css dist/styles/utilities/",
72
72
  "build-win": "vite build && npm run copy-css-win",
73
- "copy-css-win": "xcopy src\\styles dist\\styles /E /I /Y",
73
+ "copy-css-win": "mkdir dist\\styles\\elements && mkdir dist\\styles\\utilities && copy src\\styles\\*.css dist\\styles\\ && copy src\\styles\\elements\\*.css dist\\styles\\elements\\ && copy src\\styles\\utilities\\*.css dist\\styles\\utilities\\",
74
74
  "dev": "vite build --watch",
75
75
  "lint": "eslint src/**/*.{ts,vue}",
76
76
  "lint:fix": "eslint src/**/*.{ts,vue} --fix",
package/dist/styles/generated/extended-colors.css DELETED
@@ -1,11 +0,0 @@
1
- :root {
2
- /* extended-colors */
3
- /* Generated from Figma CSS export - references preserved */
4
-
5
- --Extended-Colors-Black: var(--black-400-black);
6
- --Extended-Colors-Black-Container: var(--black-450-black);
7
- --Extended-Colors-link-default: var(--Schemes-Primary);
8
- --Extended-Colors-link-hover: var(--Schemes-On-Surface);
9
- --Extended-Colors-link-visited: var(--Palettes-Visited-Visited-450);
10
- --Extended-Colors-White: var(--white-400-white);
11
- }
package/dist/styles/generated/other.css DELETED
@@ -1,111 +0,0 @@
1
- :root {
2
- /* other */
3
- /* Generated from Figma CSS export - references preserved */
4
-
5
- --border-left-right: 0;
6
- --border-radius-l: var(--sizes-scale-200);
7
- --border-radius-m: var(--sizes-scale-150);
8
- --border-radius-s: var(--sizes-scale-100);
9
- --border-radius-xl: var(--sizes-scale-300);
10
- --border-radius-xs: var(--sizes-scale-50);
11
- --border-top-bottom: 0;
12
- --border-width-2xl: var(--sizes-scale-100);
13
- --border-width-2xs: var(--sizes-xxsmall);
14
- --border-width-l: var(--sizes-scale-50);
15
- --border-width-m: var(--sizes-scale-25);
16
- --border-width-s: var(--sizes-scale-10);
17
- --border-width-xl: var(--sizes-scale-75);
18
- --border-width-xs: var(--sizes-scale-0);
19
- --Breadcrumb-Boolean: 0;
20
- --Breadcrumb-Chevron-Visible: 0;
21
- --Breadcrumb-Home-Visible: 1;
22
- --Breadcrumb-Link-1: "Services";
23
- --Breadcrumb-Link-2: "Cars, parking & transportation";
24
- --Breadcrumb-Link-3: "Apply for a parking permit";
25
- --Breadcrumb-Link-4: "Link 4";
26
- --Breadcrumb-Link-5: "Link 5";
27
- --Breadcrumb-Link-6: "Link 6";
28
- --Breadcrumb-Links-Visible: 1;
29
- --Breadcrumb-Text: "Apply for a Temporary No Parking (TNP) permit";
30
- --Breadcrumb-Text-Visible: 1;
31
- --breakpoints-2xl: 1920px;
32
- --breakpoints-l: 1024px;
33
- --breakpoints-m: 768px;
34
- --breakpoints-s: 375px;
35
- --breakpoints-xl: 1440px;
36
- --breakpoints-xs: 162px;
37
- --button-buttom-tertiary: 1;
38
- --button-button: 1;
39
- --button-button-primary: 1;
40
- --button-button-secondary: 1;
41
- --Card-media-exdent: 0;
42
- --checkbox: 1;
43
- --content-color: var(--Schemes-On-Surface);
44
- --date: 1;
45
- --dimension-core-0: 0;
46
- --dimension-core-100: 8px;
47
- --dimension-core-1000: 80px;
48
- --dimension-core-150: 12px;
49
- --dimension-core-175: 14px;
50
- --dimension-core-200: 16px;
51
- --dimension-core-25: 2px;
52
- --dimension-core-250: 20px;
53
- --dimension-core-300: 24px;
54
- --dimension-core-400: 32px;
55
- --dimension-core-50: 4px;
56
- --dimension-core-500: 40px;
57
- --dimension-core-600: 48px;
58
- --dimension-core-75: 6px;
59
- --dimension-core-800: 64px;
60
- --flag-layout: "Standard";
61
- --Footer-Column-1-City-Commissioners: "City Commissioners";
62
- --Footer-Column-1-City-Controller: "City Controller";
63
- --Footer-Column-1-City-Council: "City Council";
64
- --Footer-Column-1-Courts: "Courts";
65
- --Footer-Column-1-District-Attorney: "District Attorney";
66
- --Footer-Column-1-Mayor: "Mayor";
67
- --Footer-Column-1-Register-of-Wills: "Register of Wills";
68
- --Footer-Column-1-Sheriff: "Sheriff";
69
- --Footer-Column-2-City-agency-regulations: "City agency regulations";
70
- --Footer-Column-2-City-organization-chart: "City organization chart";
71
- --Footer-Column-2-City-records: "City records";
72
- --Footer-Column-2-Executive-orders: "Executive orders";
73
- --Footer-Column-2-Honesty-in-government: "Honesty in government";
74
- --Footer-Column-2-Open-data: "Open data";
75
- --Footer-Column-2-Philadelphia-Code-Charter: "Philadelphia Code & Charter";
76
- --Footer-Column-2-Voting-and-elections: "Voting & elections";
77
- --Footer-Column-3-SEPTA: "SEPTA";
78
- --Footer-Column-3-Visit-Philadelphia: "Visit Philadelphia";
79
- --Footer-Footer-Icon: 1;
80
- --Footer-footer-width: 1440px;
81
- --Footer-horz-rule: 0;
82
- --Footer-Sub-Footer-Accessibility: "Accessibility";
83
- --Footer-Sub-Footer-Privacy-policy: "Privacy policy";
84
- --Footer-Sub-Footer-Right-to-know: "Right to know";
85
- --Footer-Sub-Footer-Terms-of-use: "Terms of use";
86
- --Footer-vert-rule: 1;
87
- --Header-Content-Language-LInk-Label: "English";
88
- --Header-Content-Trusted-Banner-Copy: "Here's how you know";
89
- --Header-Content-Trusted-Banner-Icon: "caret-down";
90
- --Header-Display-Language-Links-Visible: 1;
91
- --Header-Display-Mayor-Link-Visible: 1;
92
- --Header-Display-Mobile-Globe-Visible: 0;
93
- --Header-Display-Nav-Link-Visible: 1;
94
- --Header-Display-Trusted-Banner-Text-Visible: 1;
95
- --Header-Menu-Button-Color: rgb(255, 255, 255);
96
- --Header-Size-Header-Width: 1440px;
97
- --headline: 1;
98
- --height: 1064px;
99
- --Hover-Alternative-Nested-Off: 0;
100
- --Hover-Alternative-Nested-On: 1;
101
- --Icon-bars: "bars";
102
- --image: 1;
103
- --link: 1;
104
- --Links-Color: rgb(255, 255, 255);
105
- --media: 1;
106
- --play-button: 1;
107
- --radius: var(--border-radius-l);
108
- --surface-color: var(--Schemes-Surface-Bright);
109
- --top-icon: 1;
110
- --width: 640px;
111
- }
package/dist/styles/generated/palettes.css DELETED
@@ -1,140 +0,0 @@
1
- :root {
2
- /* palettes */
3
- /* Generated from Figma CSS export - references preserved */
4
-
5
- --Palettes-Alert-Alert-100: var(--bell-yellow-100-bell-yellow);
6
- --Palettes-Alert-Alert-150: var(--bell-yellow-150-bell-yellow);
7
- --Palettes-Alert-Alert-200: var(--bell-yellow-200-bell-yellow);
8
- --Palettes-Alert-Alert-250: var(--bell-yellow-250-bell-yellow);
9
- --Palettes-Alert-Alert-300: var(--bell-yellow-300-bell-yellow);
10
- --Palettes-Alert-Alert-350: var(--bell-yellow-350-bell-yellow);
11
- --Palettes-Alert-Alert-400: var(--bell-yellow-400-bell-yellow);
12
- --Palettes-Alert-Alert-450: var(--bell-yellow-450-bell-yellow);
13
- --Palettes-Alert-Alert-50: var(--bell-yellow-50-bell-yellow);
14
- --Palettes-Alert-Alert-500: var(--bell-yellow-500-bell-yellow);
15
- --Palettes-Alert-Alert-550: var(--bell-yellow-550-bell-yellow);
16
- --Palettes-Alert-Alert-600: var(--bell-yellow-600-bell-yellow);
17
- --Palettes-Alert-Alert-650: var(--bell-yellow-650-bell-yellow);
18
- --Palettes-Alert-Alert-700: var(--bell-yellow-700-bell-yellow);
19
- --Palettes-Alert-Alert-750: var(--bell-yellow-750-bell-yellow);
20
- --Palettes-Error-Error-100: var(--red-100-red);
21
- --Palettes-Error-Error-150: var(--red-150-red);
22
- --Palettes-Error-Error-200: var(--red-200-red);
23
- --Palettes-Error-Error-250: var(--red-250-red);
24
- --Palettes-Error-Error-300: var(--red-300-red);
25
- --Palettes-Error-Error-350: var(--red-350-red);
26
- --Palettes-Error-Error-400: var(--red-400-red);
27
- --Palettes-Error-Error-450: var(--red-450-red);
28
- --Palettes-Error-Error-50: var(--red-50-red);
29
- --Palettes-Error-Error-500: var(--red-500-red);
30
- --Palettes-Error-Error-550: var(--red-550-red);
31
- --Palettes-Error-Error-600: var(--red-600-red);
32
- --Palettes-Error-Error-650: var(--red-650-red);
33
- --Palettes-Error-Error-700: var(--red-700-red);
34
- --Palettes-Error-Error-750: var(--red-750-red);
35
- --Palettes-Neutral-Neutral-100: var(--medium-grey-100-medium-grey);
36
- --Palettes-Neutral-Neutral-150: var(--medium-grey-150-medium-grey);
37
- --Palettes-Neutral-Neutral-200: var(--medium-grey-200-medium-grey);
38
- --Palettes-Neutral-Neutral-250: var(--medium-grey-250-medium-grey);
39
- --Palettes-Neutral-Neutral-300: var(--medium-grey-300-medium-grey);
40
- --Palettes-Neutral-Neutral-350: var(--medium-grey-350-medium-grey);
41
- --Palettes-Neutral-Neutral-400: var(--medium-grey-400-medium-grey);
42
- --Palettes-Neutral-Neutral-450: var(--medium-grey-450-medium-grey);
43
- --Palettes-Neutral-Neutral-50: var(--medium-grey-50-medium-grey);
44
- --Palettes-Neutral-Neutral-500: var(--medium-grey-500-medium-grey);
45
- --Palettes-Neutral-Neutral-550: var(--medium-grey-550-medium-grey);
46
- --Palettes-Neutral-Neutral-600: var(--medium-grey-600-medium-grey);
47
- --Palettes-Neutral-Neutral-650: var(--medium-grey-650-medium-grey);
48
- --Palettes-Neutral-Neutral-700: var(--medium-grey-700-medium-grey);
49
- --Palettes-Neutral-Neutral-750: var(--medium-grey-750-medium-grey);
50
- --Palettes-Neutral-Variant-Neutral-Variant-100: var(--dark-grey-100-dark-grey);
51
- --Palettes-Neutral-Variant-Neutral-Variant-150: var(--dark-grey-150-dark-grey);
52
- --Palettes-Neutral-Variant-Neutral-Variant-200: var(--dark-grey-200-dark-grey);
53
- --Palettes-Neutral-Variant-Neutral-Variant-250: var(--dark-grey-250-dark-grey);
54
- --Palettes-Neutral-Variant-Neutral-Variant-300: var(--dark-grey-300-dark-grey);
55
- --Palettes-Neutral-Variant-Neutral-Variant-350: var(--dark-grey-350-dark-grey);
56
- --Palettes-Neutral-Variant-Neutral-Variant-400: var(--dark-grey-400-dark-grey);
57
- --Palettes-Neutral-Variant-Neutral-Variant-450: var(--dark-grey-450-dark-grey);
58
- --Palettes-Neutral-Variant-Neutral-Variant-50: var(--dark-grey-50-dark-grey);
59
- --Palettes-Neutral-Variant-Neutral-Variant-500: var(--dark-grey-500-dark-grey);
60
- --Palettes-Neutral-Variant-Neutral-Variant-550: var(--dark-grey-550-dark-grey);
61
- --Palettes-Neutral-Variant-Neutral-Variant-600: var(--dark-grey-600-dark-grey);
62
- --Palettes-Neutral-Variant-Neutral-Variant-650: var(--dark-grey-650-dark-grey);
63
- --Palettes-Neutral-Variant-Neutral-Variant-700: var(--dark-grey-700-dark-grey);
64
- --Palettes-Neutral-Variant-Neutral-Variant-750: var(--dark-grey-750-dark-grey);
65
- --Palettes-Primary-Primary-100: var(--blue-100-blue);
66
- --Palettes-Primary-Primary-150: var(--blue-150-blue);
67
- --Palettes-Primary-Primary-200: var(--blue-200-blue);
68
- --Palettes-Primary-Primary-250: var(--blue-250-blue);
69
- --Palettes-Primary-Primary-300: var(--blue-300-blue);
70
- --Palettes-Primary-Primary-350: var(--blue-350-blue);
71
- --Palettes-Primary-Primary-400: var(--blue-400-blue);
72
- --Palettes-Primary-Primary-450: var(--blue-450-blue);
73
- --Palettes-Primary-Primary-50: var(--blue-50-blue);
74
- --Palettes-Primary-Primary-500: var(--blue-500-blue);
75
- --Palettes-Primary-Primary-550: var(--blue-550-blue);
76
- --Palettes-Primary-Primary-600: var(--blue-600-blue);
77
- --Palettes-Primary-Primary-650: var(--blue-650-blue);
78
- --Palettes-Primary-Primary-700: var(--blue-700-blue);
79
- --Palettes-Primary-Primary-750: var(--blue-750-blue);
80
- --Palettes-Secondary-Secondary-100: var(--dark-blue-100-dark-blue);
81
- --Palettes-Secondary-Secondary-150: var(--dark-blue-150-dark-blue);
82
- --Palettes-Secondary-Secondary-200: var(--dark-blue-200-dark-blue);
83
- --Palettes-Secondary-Secondary-250: var(--dark-blue-250-dark-blue);
84
- --Palettes-Secondary-Secondary-300: var(--dark-blue-300-dark-blue);
85
- --Palettes-Secondary-Secondary-350: var(--dark-blue-350-dark-blue);
86
- --Palettes-Secondary-Secondary-400: var(--dark-blue-400-dark-blue);
87
- --Palettes-Secondary-Secondary-450: var(--dark-blue-450-dark-blue);
88
- --Palettes-Secondary-Secondary-50: var(--dark-blue-50-dark-blue);
89
- --Palettes-Secondary-Secondary-500: var(--dark-blue-500-dark-blue);
90
- --Palettes-Secondary-Secondary-550: var(--dark-blue-550-dark-blue);
91
- --Palettes-Secondary-Secondary-600: var(--dark-blue-600-dark-blue);
92
- --Palettes-Secondary-Secondary-650: var(--dark-blue-650-dark-blue);
93
- --Palettes-Secondary-Secondary-700: var(--dark-blue-700-dark-blue);
94
- --Palettes-Secondary-Secondary-750: var(--dark-blue-750-dark-blue);
95
- --Palettes-Success-Success-100: var(--green-100-green);
96
- --Palettes-Success-Success-150: var(--green-150-green);
97
- --Palettes-Success-Success-200: var(--green-200-green);
98
- --Palettes-Success-Success-250: var(--green-250-green);
99
- --Palettes-Success-Success-300: var(--green-300-green);
100
- --Palettes-Success-Success-350: var(--green-350-green);
101
- --Palettes-Success-Success-400: var(--green-400-green);
102
- --Palettes-Success-Success-450: var(--green-450-green);
103
- --Palettes-Success-Success-50: var(--green-50-green);
104
- --Palettes-Success-Success-500: var(--green-500-green);
105
- --Palettes-Success-Success-550: var(--green-550-green);
106
- --Palettes-Success-Success-600: var(--green-600-green);
107
- --Palettes-Success-Success-650: var(--green-650-green);
108
- --Palettes-Success-Success-700: var(--green-700-green);
109
- --Palettes-Success-Success-750: var(--green-750-green);
110
- --Palettes-Tertiary-Tertiary-100: var(--light-blue-100-light-blue);
111
- --Palettes-Tertiary-Tertiary-150: var(--light-blue-150-light-blue);
112
- --Palettes-Tertiary-Tertiary-200: var(--light-blue-200-light-blue);
113
- --Palettes-Tertiary-Tertiary-250: var(--light-blue-250-light-blue);
114
- --Palettes-Tertiary-Tertiary-300: var(--light-blue-300-light-blue);
115
- --Palettes-Tertiary-Tertiary-350: var(--light-blue-350-light-blue);
116
- --Palettes-Tertiary-Tertiary-400: var(--light-blue-400-light-blue);
117
- --Palettes-Tertiary-Tertiary-450: var(--light-blue-450-light-blue);
118
- --Palettes-Tertiary-Tertiary-50: var(--light-blue-50-light-blue);
119
- --Palettes-Tertiary-Tertiary-500: var(--light-blue-500-light-blue);
120
- --Palettes-Tertiary-Tertiary-550: var(--light-blue-550-light-blue);
121
- --Palettes-Tertiary-Tertiary-600: var(--light-blue-600-light-blue);
122
- --Palettes-Tertiary-Tertiary-650: var(--light-blue-650-light-blue);
123
- --Palettes-Tertiary-Tertiary-700: var(--light-blue-700-light-blue);
124
- --Palettes-Tertiary-Tertiary-750: var(--light-blue-750-light-blue);
125
- --Palettes-Visited-Visited-100: var(--purple-100-purple);
126
- --Palettes-Visited-Visited-150: var(--purple-150-purple);
127
- --Palettes-Visited-Visited-200: var(--purple-200-purple);
128
- --Palettes-Visited-Visited-250: var(--purple-250-purple);
129
- --Palettes-Visited-Visited-300: var(--purple-300-purple);
130
- --Palettes-Visited-Visited-350: var(--purple-350-purple);
131
- --Palettes-Visited-Visited-400: var(--purple-400-purple);
132
- --Palettes-Visited-Visited-450: var(--purple-450-purple);
133
- --Palettes-Visited-Visited-50: var(--purple-50-purple);
134
- --Palettes-Visited-Visited-500: var(--purple-500-purple);
135
- --Palettes-Visited-Visited-550: var(--purple-550-purple);
136
- --Palettes-Visited-Visited-600: var(--purple-600-purple);
137
- --Palettes-Visited-Visited-650: var(--purple-650-purple);
138
- --Palettes-Visited-Visited-700: var(--purple-700-purple);
139
- --Palettes-Visited-Visited-750: var(--purple-750-purple);
140
- }
package/dist/styles/generated/primitives.css DELETED
@@ -1,293 +0,0 @@
1
- :root {
2
- /* primitives */
3
- /* Generated from Figma CSS export - references preserved */
4
-
5
- --bell-yellow-100-bell-yellow: rgb(97, 79, 8);
6
- --bell-yellow-150-bell-yellow: rgb(120, 99, 10);
7
- --bell-yellow-200-bell-yellow: rgb(145, 120, 10);
8
- --bell-yellow-250-bell-yellow: rgb(168, 140, 13);
9
- --bell-yellow-300-bell-yellow: rgb(194, 158, 13);
10
- --bell-yellow-350-bell-yellow: rgb(217, 179, 15);
11
- --bell-yellow-400-bell-yellow: var(--colors-Bell-Yellow);
12
- --bell-yellow-450-bell-yellow: rgb(242, 217, 89);
13
- --bell-yellow-50-bell-yellow: rgb(71, 59, 5);
14
- --bell-yellow-500-bell-yellow: rgb(245, 224, 112);
15
- --bell-yellow-550-bell-yellow: rgb(245, 227, 138);
16
- --bell-yellow-600-bell-yellow: rgb(247, 232, 161);
17
- --bell-yellow-650-bell-yellow: rgb(250, 240, 184);
18
- --bell-yellow-700-bell-yellow: rgb(250, 245, 209);
19
- --bell-yellow-750-bell-yellow: rgb(252, 250, 232);
20
- --black-100-black: rgb(0, 0, 0);
21
- --black-150-black: rgb(0, 0, 0);
22
- --black-200-black: rgb(0, 0, 0);
23
- --black-250-black: rgb(0, 0, 0);
24
- --black-300-black: rgb(0, 0, 0);
25
- --black-350-black: rgb(0, 0, 0);
26
- --black-400-black: var(--colors-Black);
27
- --black-450-black: rgb(77, 77, 77);
28
- --black-50-black: rgb(0, 0, 0);
29
- --black-500-black: rgb(102, 102, 102);
30
- --black-550-black: rgb(128, 128, 128);
31
- --black-600-black: rgb(153, 153, 153);
32
- --black-650-black: rgb(179, 179, 179);
33
- --black-700-black: rgb(204, 204, 204);
34
- --black-750-black: rgb(230, 230, 230);
35
- --blue-100-blue: rgb(3, 15, 97);
36
- --blue-150-blue: rgb(5, 20, 122);
37
- --blue-200-blue: rgb(8, 26, 148);
38
- --blue-250-blue: rgb(10, 31, 173);
39
- --blue-300-blue: rgb(10, 38, 196);
40
- --blue-350-blue: rgb(13, 46, 222);
41
- --blue-400-blue: var(--colors-Blue);
42
- --blue-450-blue: rgb(87, 112, 250);
43
- --blue-50-blue: rgb(0, 10, 74);
44
- --blue-500-blue: rgb(112, 133, 250);
45
- --blue-550-blue: rgb(135, 153, 252);
46
- --blue-600-blue: rgb(158, 173, 252);
47
- --blue-650-blue: rgb(184, 194, 252);
48
- --blue-700-blue: rgb(207, 214, 255);
49
- --blue-750-blue: rgb(232, 235, 255);
50
- --colors-Bell-Yellow: rgb(242, 199, 18);
51
- --colors-Black: rgb(0, 0, 0);
52
- --colors-Blue: rgb(15, 51, 245);
53
- --colors-Dark-Ben-Franklin-Blue: rgb(15, 77, 143);
54
- --colors-Dark-Blue: rgb(38, 0, 140);
55
- --colors-Dark-Green: rgb(23, 107, 0);
56
- --colors-Dark-Grey: rgb(69, 69, 69);
57
- --colors-Green: rgb(28, 184, 41);
58
- --colors-Grey: rgb(217, 217, 217);
59
- --colors-Light-Blue: rgb(18, 140, 255);
60
- --colors-Light-Green: rgb(201, 242, 207);
61
- --colors-Light-Grey: rgb(242, 242, 242);
62
- --colors-Medium-Grey: rgb(207, 207, 207);
63
- --colors-Orange: rgb(237, 102, 56);
64
- --colors-Pink: rgb(219, 31, 128);
65
- --colors-Purple: rgb(99, 0, 222);
66
- --colors-Red: rgb(255, 5, 8);
67
- --colors-White: rgb(255, 255, 255);
68
- --dark-ben-franklin-blue-100-dark-ben-franklin-blue: rgb(3, 23, 56);
69
- --dark-ben-franklin-blue-150-dark-ben-franklin-blue: rgb(5, 31, 71);
70
- --dark-ben-franklin-blue-200-dark-ben-franklin-blue: rgb(8, 38, 84);
71
- --dark-ben-franklin-blue-250-dark-ben-franklin-blue: rgb(10, 46, 99);
72
- --dark-ben-franklin-blue-300-dark-ben-franklin-blue: rgb(10, 56, 115);
73
- --dark-ben-franklin-blue-350-dark-ben-franklin-blue: rgb(13, 69, 128);
74
- --dark-ben-franklin-blue-400-dark-ben-franklin-blue: var(--colors-Dark-Ben-Franklin-Blue);
75
- --dark-ben-franklin-blue-450-dark-ben-franklin-blue: rgb(87, 130, 176);
76
- --dark-ben-franklin-blue-50-dark-ben-franklin-blue: rgb(0, 15, 43);
77
- --dark-ben-franklin-blue-500-dark-ben-franklin-blue: rgb(112, 148, 189);
78
- --dark-ben-franklin-blue-550-dark-ben-franklin-blue: rgb(135, 166, 199);
79
- --dark-ben-franklin-blue-600-dark-ben-franklin-blue: rgb(158, 184, 209);
80
- --dark-ben-franklin-blue-650-dark-ben-franklin-blue: rgb(184, 201, 222);
81
- --dark-ben-franklin-blue-700-dark-ben-franklin-blue: rgb(207, 219, 232);
82
- --dark-ben-franklin-blue-750-dark-ben-franklin-blue: rgb(232, 237, 245);
83
- --dark-blue-100-dark-blue: rgb(10, 0, 56);
84
- --dark-blue-150-dark-blue: rgb(13, 0, 71);
85
- --dark-blue-200-dark-blue: rgb(20, 0, 84);
86
- --dark-blue-250-dark-blue: rgb(23, 0, 97);
87
- --dark-blue-300-dark-blue: rgb(28, 0, 112);
88
- --dark-blue-350-dark-blue: rgb(33, 0, 125);
89
- --dark-blue-400-dark-blue: var(--colors-Dark-Blue);
90
- --dark-blue-450-dark-blue: rgb(105, 77, 173);
91
- --dark-blue-50-dark-blue: rgb(5, 0, 43);
92
- --dark-blue-500-dark-blue: rgb(125, 102, 186);
93
- --dark-blue-550-dark-blue: rgb(148, 128, 196);
94
- --dark-blue-600-dark-blue: rgb(168, 153, 209);
95
- --dark-blue-650-dark-blue: rgb(191, 179, 219);
96
- --dark-blue-700-dark-blue: rgb(212, 204, 232);
97
- --dark-blue-750-dark-blue: rgb(232, 230, 242);
98
- --dark-green-100-dark-green: rgb(10, 43, 0);
99
- --dark-green-150-dark-green: rgb(10, 54, 0);
100
- --dark-green-200-dark-green: rgb(13, 64, 0);
101
- --dark-green-250-dark-green: rgb(15, 74, 0);
102
- --dark-green-300-dark-green: rgb(18, 84, 0);
103
- --dark-green-350-dark-green: rgb(20, 97, 0);
104
- --dark-green-400-dark-green: var(--colors-Dark-Green);
105
- --dark-green-450-dark-green: rgb(94, 150, 77);
106
- --dark-green-50-dark-green: rgb(5, 33, 0);
107
- --dark-green-500-dark-green: rgb(117, 166, 102);
108
- --dark-green-550-dark-green: rgb(140, 181, 128);
109
- --dark-green-600-dark-green: rgb(161, 196, 153);
110
- --dark-green-650-dark-green: rgb(186, 212, 179);
111
- --dark-green-700-dark-green: rgb(209, 224, 204);
112
- --dark-green-750-dark-green: rgb(232, 240, 230);
113
- --dark-grey-100-dark-grey: rgb(28, 28, 28);
114
- --dark-grey-150-dark-grey: rgb(33, 33, 33);
115
- --dark-grey-200-dark-grey: rgb(41, 41, 41);
116
- --dark-grey-250-dark-grey: rgb(48, 48, 48);
117
- --dark-grey-300-dark-grey: rgb(56, 56, 56);
118
- --dark-grey-350-dark-grey: rgb(61, 61, 61);
119
- --dark-grey-400-dark-grey: var(--colors-Dark-Grey);
120
- --dark-grey-450-dark-grey: rgb(125, 125, 125);
121
- --dark-grey-50-dark-grey: rgb(20, 20, 20);
122
- --dark-grey-500-dark-grey: rgb(143, 143, 143);
123
- --dark-grey-550-dark-grey: rgb(163, 163, 163);
124
- --dark-grey-600-dark-grey: rgb(181, 181, 181);
125
- --dark-grey-650-dark-grey: rgb(199, 199, 199);
126
- --dark-grey-700-dark-grey: rgb(217, 217, 217);
127
- --dark-grey-750-dark-grey: rgb(237, 237, 237);
128
- --green-100-green: rgb(10, 74, 15);
129
- --green-150-green: rgb(13, 92, 20);
130
- --green-200-green: rgb(15, 110, 23);
131
- --green-250-green: rgb(20, 128, 28);
132
- --green-300-green: rgb(23, 148, 33);
133
- --green-350-green: rgb(26, 166, 36);
134
- --green-400-green: var(--colors-Green);
135
- --green-450-green: rgb(97, 204, 105);
136
- --green-50-green: rgb(8, 56, 13);
137
- --green-500-green: rgb(117, 212, 128);
138
- --green-550-green: rgb(140, 219, 148);
139
- --green-600-green: rgb(163, 227, 171);
140
- --green-650-green: rgb(186, 232, 191);
141
- --green-700-green: rgb(209, 240, 212);
142
- --green-750-green: rgb(232, 247, 232);
143
- --grey-100-grey: rgb(87, 87, 87);
144
- --grey-150-grey: rgb(107, 107, 107);
145
- --grey-200-grey: rgb(130, 130, 130);
146
- --grey-250-grey: rgb(150, 150, 150);
147
- --grey-300-grey: rgb(173, 173, 173);
148
- --grey-350-grey: rgb(194, 194, 194);
149
- --grey-400-grey: var(--colors-Grey);
150
- --grey-450-grey: rgb(227, 227, 227);
151
- --grey-50-grey: rgb(64, 64, 64);
152
- --grey-500-grey: rgb(232, 232, 232);
153
- --grey-550-grey: rgb(235, 235, 235);
154
- --grey-600-grey: rgb(240, 240, 240);
155
- --grey-650-grey: rgb(242, 242, 242);
156
- --grey-700-grey: rgb(247, 247, 247);
157
- --grey-750-grey: rgb(250, 250, 250);
158
- --light-blue-100-light-blue: rgb(5, 56, 102);
159
- --light-blue-150-light-blue: rgb(8, 71, 128);
160
- --light-blue-200-light-blue: rgb(10, 84, 153);
161
- --light-blue-250-light-blue: rgb(13, 97, 179);
162
- --light-blue-300-light-blue: rgb(13, 112, 204);
163
- --light-blue-350-light-blue: rgb(15, 125, 230);
164
- --light-blue-400-light-blue: rgb(18, 140, 255);
165
- --light-blue-450-light-blue: var(--colors-Light-Blue);
166
- --light-blue-50-light-blue: rgb(5, 43, 77);
167
- --light-blue-500-light-blue: rgb(112, 186, 255);
168
- --light-blue-550-light-blue: rgb(138, 196, 255);
169
- --light-blue-600-light-blue: rgb(161, 209, 255);
170
- --light-blue-650-light-blue: rgb(184, 219, 255);
171
- --light-blue-700-light-blue: rgb(209, 232, 255);
172
- --light-blue-750-light-blue: rgb(232, 242, 255);
173
- --light-green-100-light-green: rgb(79, 97, 82);
174
- --light-green-150-light-green: rgb(99, 120, 102);
175
- --light-green-200-light-green: rgb(120, 145, 125);
176
- --light-green-250-light-green: rgb(140, 168, 145);
177
- --light-green-300-light-green: rgb(161, 194, 166);
178
- --light-green-350-light-green: rgb(181, 217, 186);
179
- --light-green-400-light-green: var(--colors-Light-Green);
180
- --light-green-450-light-green: rgb(217, 245, 224);
181
- --light-green-50-light-green: rgb(59, 71, 61);
182
- --light-green-500-light-green: rgb(222, 245, 230);
183
- --light-green-550-light-green: rgb(227, 247, 235);
184
- --light-green-600-light-green: rgb(232, 250, 237);
185
- --light-green-650-light-green: rgb(237, 250, 242);
186
- --light-green-700-light-green: rgb(245, 252, 245);
187
- --light-green-750-light-green: rgb(250, 255, 250);
188
- --light-grey-100-light-grey: rgb(97, 97, 97);
189
- --light-grey-150-light-grey: rgb(120, 120, 120);
190
- --light-grey-200-light-grey: rgb(145, 145, 145);
191
- --light-grey-250-light-grey: rgb(168, 168, 168);
192
- --light-grey-300-light-grey: rgb(194, 194, 194);
193
- --light-grey-350-light-grey: rgb(219, 219, 219);
194
- --light-grey-400-light-grey: var(--colors-Light-Grey);
195
- --light-grey-450-light-grey: rgb(247, 247, 247);
196
- --light-grey-50-light-grey: rgb(71, 71, 71);
197
- --light-grey-500-light-grey: rgb(250, 250, 250);
198
- --light-grey-550-light-grey: rgb(250, 250, 250);
199
- --light-grey-600-light-grey: rgb(250, 250, 250);
200
- --light-grey-650-light-grey: rgb(252, 252, 252);
201
- --light-grey-700-light-grey: rgb(252, 252, 252);
202
- --light-grey-750-light-grey: rgb(255, 255, 255);
203
- --medium-grey-100-medium-grey: rgb(82, 82, 82);
204
- --medium-grey-150-medium-grey: rgb(102, 102, 102);
205
- --medium-grey-200-medium-grey: rgb(125, 125, 125);
206
- --medium-grey-250-medium-grey: rgb(143, 143, 143);
207
- --medium-grey-300-medium-grey: rgb(166, 166, 166);
208
- --medium-grey-350-medium-grey: rgb(186, 186, 186);
209
- --medium-grey-400-medium-grey: var(--colors-Medium-Grey);
210
- --medium-grey-450-medium-grey: rgb(219, 219, 219);
211
- --medium-grey-50-medium-grey: rgb(61, 61, 61);
212
- --medium-grey-500-medium-grey: rgb(224, 224, 224);
213
- --medium-grey-550-medium-grey: rgb(230, 230, 230);
214
- --medium-grey-600-medium-grey: rgb(235, 235, 235);
215
- --medium-grey-650-medium-grey: rgb(240, 240, 240);
216
- --medium-grey-700-medium-grey: rgb(245, 245, 245);
217
- --medium-grey-750-medium-grey: rgb(250, 250, 250);
218
- --orange-100-orange: rgb(94, 41, 23);
219
- --orange-150-orange: rgb(117, 51, 28);
220
- --orange-200-orange: rgb(143, 61, 33);
221
- --orange-250-orange: rgb(166, 71, 38);
222
- --orange-300-orange: rgb(189, 82, 43);
223
- --orange-350-orange: rgb(212, 92, 51);
224
- --orange-400-orange: var(--colors-Orange);
225
- --orange-450-orange: rgb(242, 148, 117);
226
- --orange-50-orange: rgb(71, 31, 15);
227
- --orange-500-orange: rgb(245, 163, 135);
228
- --orange-550-orange: rgb(245, 179, 156);
229
- --orange-600-orange: rgb(247, 194, 176);
230
- --orange-650-orange: rgb(250, 209, 194);
231
- --orange-700-orange: rgb(250, 224, 214);
232
- --orange-750-orange: rgb(252, 240, 232);
233
- --pink-100-pink: rgb(87, 13, 51);
234
- --pink-150-pink: rgb(110, 15, 64);
235
- --pink-200-pink: rgb(130, 18, 77);
236
- --pink-250-pink: rgb(153, 20, 89);
237
- --pink-300-pink: rgb(176, 23, 102);
238
- --pink-350-pink: rgb(196, 28, 115);
239
- --pink-400-pink: var(--colors-Pink);
240
- --pink-450-pink: rgb(230, 97, 166);
241
- --pink-50-pink: rgb(64, 10, 38);
242
- --pink-500-pink: rgb(232, 120, 179);
243
- --pink-550-pink: rgb(237, 143, 191);
244
- --pink-600-pink: rgb(240, 166, 204);
245
- --pink-650-pink: rgb(245, 189, 217);
246
- --pink-700-pink: rgb(247, 209, 230);
247
- --pink-750-pink: rgb(250, 232, 242);
248
- --purple-100-purple: rgb(38, 0, 87);
249
- --purple-150-purple: rgb(48, 0, 112);
250
- --purple-200-purple: rgb(59, 0, 133);
251
- --purple-250-purple: rgb(69, 0, 156);
252
- --purple-300-purple: rgb(79, 0, 176);
253
- --purple-350-purple: rgb(89, 0, 199);
254
- --purple-400-purple: var(--colors-Purple);
255
- --purple-450-purple: rgb(143, 77, 232);
256
- --purple-50-purple: rgb(28, 0, 66);
257
- --purple-500-purple: rgb(161, 102, 235);
258
- --purple-550-purple: rgb(176, 128, 237);
259
- --purple-600-purple: rgb(191, 153, 242);
260
- --purple-650-purple: rgb(207, 179, 245);
261
- --purple-700-purple: rgb(224, 204, 247);
262
- --purple-750-purple: rgb(240, 230, 252);
263
- --red-100-red: rgb(102, 3, 3);
264
- --red-150-red: rgb(128, 3, 5);
265
- --red-200-red: rgb(153, 3, 5);
266
- --red-250-red: rgb(179, 3, 5);
267
- --red-300-red: rgb(204, 5, 5);
268
- --red-350-red: rgb(230, 5, 8);
269
- --red-400-red: var(--colors-Red);
270
- --red-450-red: rgb(255, 79, 82);
271
- --red-50-red: rgb(77, 0, 3);
272
- --red-500-red: rgb(255, 105, 107);
273
- --red-550-red: rgb(255, 130, 130);
274
- --red-600-red: rgb(255, 153, 156);
275
- --red-650-red: rgb(255, 179, 181);
276
- --red-700-red: rgb(255, 204, 204);
277
- --red-750-red: rgb(255, 230, 230);
278
- --white-100-white: rgb(102, 102, 102);
279
- --white-150-white: rgb(128, 128, 128);
280
- --white-200-white: rgb(153, 153, 153);
281
- --white-250-white: rgb(179, 179, 179);
282
- --white-300-white: rgb(204, 204, 204);
283
- --white-350-white: rgb(230, 230, 230);
284
- --white-400-white: var(--colors-White);
285
- --white-450-white: rgb(255, 255, 255);
286
- --white-50-white: rgb(77, 77, 77);
287
- --white-500-white: rgb(255, 255, 255);
288
- --white-550-white: rgb(255, 255, 255);
289
- --white-600-white: rgb(255, 255, 255);
290
- --white-650-white: rgb(255, 255, 255);
291
- --white-700-white: rgb(255, 255, 255);
292
- --white-750-white: rgb(255, 255, 255);
293
- }
package/dist/styles/generated/schemes.css DELETED
@@ -1,58 +0,0 @@
1
- :root {
2
- /* schemes */
3
- /* Generated from Figma CSS export - references preserved */
4
-
5
- --Schemes-Alert: var(--Palettes-Alert-Alert-400);
6
- --Schemes-Alert-Container: var(--Palettes-Alert-Alert-550);
7
- --Schemes-Background: var(--Palettes-Neutral-Neutral-650);
8
- --Schemes-Error: var(--Palettes-Error-Error-450);
9
- --Schemes-Error-Container: var(--Palettes-Error-Error-450);
10
- --Schemes-Inverse-Primary: var(--Palettes-Primary-Primary-400);
11
- --Schemes-On-Alert: var(--Palettes-Alert-Alert-750);
12
- --Schemes-On-Alert-Container: var(--Schemes-On-Background);
13
- --Schemes-On-Background: var(--Palettes-Neutral-Neutral-50);
14
- --Schemes-On-Error: var(--Palettes-Error-Error-750);
15
- --Schemes-On-Error-Container: var(--Palettes-Error-Error-750);
16
- --Schemes-On-Inverse-Surface: var(--Palettes-Neutral-Neutral-750);
17
- --Schemes-On-Inverse-Surface-Bright: var(--Palettes-Neutral-Neutral-750);
18
- --Schemes-On-Primary: var(--Palettes-Primary-Primary-750);
19
- --Schemes-On-Primary-Container: var(--Palettes-Primary-Primary-750);
20
- --Schemes-On-Primary-Fixed: var(--Palettes-Primary-Primary-100);
21
- --Schemes-On-Primary-Fixed-Variant: var(--Palettes-Primary-Primary-50);
22
- --Schemes-On-Secondary: var(--Schemes-Surface-Bright);
23
- --Schemes-On-Secondary-Container: var(--Palettes-Secondary-Secondary-750);
24
- --Schemes-On-Secondary-Fixed: var(--Palettes-Secondary-Secondary-50);
25
- --Schemes-On-Secondary-Fixed-Variant: var(--Palettes-Secondary-Secondary-250);
26
- --Schemes-On-Surface: var(--black-400-black);
27
- --Schemes-On-Surface-Variant: var(--Palettes-Neutral-Neutral-50);
28
- --Schemes-On-Tertiary: var(--Palettes-Tertiary-Tertiary-750);
29
- --Schemes-On-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-750);
30
- --Schemes-On-Tertiary-Fixed: var(--Palettes-Tertiary-Tertiary-150);
31
- --Schemes-On-Tertiary-Fixed-Variant: var(--Palettes-Tertiary-Tertiary-50);
32
- --Schemes-Outline: var(--Palettes-Neutral-Neutral-200);
33
- --Schemes-Outline-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-250);
34
- --Schemes-Primary: var(--Palettes-Primary-Primary-400);
35
- --Schemes-Primary-Container: var(--Palettes-Primary-Primary-200);
36
- --Schemes-Primary-Fixed: var(--Palettes-Primary-Primary-650);
37
- --Schemes-Primary-Fixed-Dim: var(--Palettes-Primary-Primary-400);
38
- --Schemes-Scrim: var(--Extended-Colors-Black);
39
- --Schemes-Secondary: var(--Palettes-Secondary-Secondary-150);
40
- --Schemes-Secondary-Container: var(--Palettes-Secondary-Secondary-400);
41
- --Schemes-Secondary-Fixed: var(--Palettes-Secondary-Secondary-750);
42
- --Schemes-Secondary-Fixed-Dim: var(--Palettes-Secondary-Secondary-550);
43
- --Schemes-Shadow: var(--Extended-Colors-Black);
44
- --Schemes-Surface: var(--Palettes-Neutral-Neutral-500);
45
- --Schemes-Surface-Bright: var(--Palettes-Neutral-Neutral-750);
46
- --Schemes-Surface-Container: var(--Palettes-Neutral-Neutral-500);
47
- --Schemes-Surface-Container-High: var(--Palettes-Neutral-Neutral-450);
48
- --Schemes-Surface-Container-Highest: var(--Palettes-Neutral-Neutral-400);
49
- --Schemes-Surface-Container-Low: var(--Palettes-Neutral-Neutral-550);
50
- --Schemes-Surface-Container-Lowest: var(--Palettes-Neutral-Neutral-600);
51
- --Schemes-Surface-Dim: var(--Palettes-Neutral-Neutral-400);
52
- --Schemes-Surface-Tint: var(--Palettes-Secondary-Secondary-350);
53
- --Schemes-Surface-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-550);
54
- --Schemes-Tertiary: var(--Palettes-Tertiary-Tertiary-150);
55
- --Schemes-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-250);
56
- --Schemes-Tertiary-Fixed: var(--Palettes-Tertiary-Tertiary-600);
57
- --Schemes-Tertiary-Fixed-Dim: var(--Palettes-Tertiary-Tertiary-550);
58
- }