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

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 (49) hide show
  1. package/dist/BaseLink.css +1 -0
  2. package/dist/BaseLink.vue_vue_type_script_setup_true_lang-CXQJyB5W.js +225 -0
  3. package/dist/BaseLink.vue_vue_type_script_setup_true_lang-CexJ6lNf.cjs +1 -0
  4. package/dist/classNames-CcykAxZN.js +6 -0
  5. package/dist/classNames-GLLmlfI4.cjs +1 -0
  6. package/dist/collapse-ApWEJVnD.cjs +1 -0
  7. package/dist/collapse-BvsHwQBu.js +74 -0
  8. package/dist/components.d.ts +162 -1
  9. package/dist/components.js +1 -1
  10. package/dist/components.mjs +7 -109
  11. package/dist/composables.d.ts +100 -0
  12. package/dist/composables.js +1 -1
  13. package/dist/composables.mjs +6 -2
  14. package/dist/index.d.ts +356 -0
  15. package/dist/index.js +1 -1
  16. package/dist/index.mjs +19 -2
  17. package/dist/styles/elements/buttons.css +230 -0
  18. package/dist/styles/elements/icons.css +53 -0
  19. package/dist/styles/elements/index.css +3 -0
  20. package/dist/styles/elements/links.css +87 -0
  21. package/dist/styles/generated/extended-colors.css +11 -0
  22. package/dist/styles/generated/other.css +111 -0
  23. package/dist/styles/generated/palettes.css +140 -0
  24. package/dist/styles/generated/primitives.css +293 -0
  25. package/dist/styles/generated/schemes.css +58 -0
  26. package/dist/styles/generated/sizes.css +44 -0
  27. package/dist/styles/generated/typography.css +281 -0
  28. package/dist/styles/legacy.css +39 -0
  29. package/dist/styles/raw/PhilaUI 4.0-variables.css +3543 -0
  30. package/dist/styles/template-light.css +6 -2
  31. package/dist/styles/template-orange.css +4 -2
  32. package/dist/styles/tokens.css +39 -0
  33. package/dist/styles/typography.css +45 -0
  34. package/dist/styles/utilities/color.css +26 -0
  35. package/dist/styles/utilities/containers.css +158 -0
  36. package/dist/styles/utilities/index.css +4 -0
  37. package/dist/styles/utilities/spacing.css +433 -0
  38. package/dist/styles/utilities/text.css +177 -0
  39. package/dist/useRouter-BVKwor6C.js +50 -0
  40. package/dist/useRouter-C4oT8vFk.cjs +1 -0
  41. package/dist/utils.d.ts +71 -0
  42. package/dist/utils.js +1 -1
  43. package/dist/utils.mjs +17 -3
  44. package/package.json +25 -13
  45. package/dist/components.css +0 -1
  46. package/dist/index-DkaNsoLU.cjs +0 -5
  47. package/dist/index-dajx1Lu4.js +0 -1718
  48. package/dist/styles/light-mode.css +0 -106
  49. package/dist/styles/variables.css +0 -92
package/dist/styles/light-mode.css DELETED
@@ -1,106 +0,0 @@
1
- body {
2
- /* TODO: shouldn't these reference actual color vars, eg: --dark-ben-franklin-blue? these values are from figma css for the component */
3
- --Schemes-Primary-Container: #00489c;
4
- --Schemes-Primary: #003282;
5
- --Schemes-On-Primary-Container: #fff;
6
- --Schemes-Secondary-Container: #0086ab;
7
- --Schemes-On-Secondary-Container: #fff;
8
- --Schemes-Inverse-Surface: #303030;
9
- --Schemes-Surface-Container-High: #c6c6c6;
10
- --Schemes-Surface-Container-Highest: #ababab;
11
- --Schemes-Error-Container: #ff5c5c;
12
- --Schemes-Error-Container-2: #d14922;
13
- --Schemes-On-Error-Container: #fff;
14
- --Schemes-Surface-Container-Lowest: #fff;
15
- --Schemes-Surface-Container-Low: #f1f1f1;
16
- --Schemes-Surface-Container: #e2e2e2;
17
- --Schemes-Outline: #5e5e5e;
18
- --Schemes-On-Surface: #000;
19
-
20
- /* label */
21
- --Label-ExtraSmall-font-label-xs-family: "Montserrat", sans-serif;
22
- --Label-ExtraSmall-font-label-xs-size: 0.75rem;
23
- --Label-ExtraSmall-font-label-xs-lineheight: 1rem;
24
-
25
- --Label-Default-font-label-default-family: "Montserrat", sans-serif;
26
- --Label-Default-font-label-default-size: 1rem;
27
- --Label-Default-font-label-default-lineheight: 1.5rem;
28
-
29
- --Label-Large-font-label-large-family: "Montserrat", sans-serif;
30
- --Label-Large-font-label-large-size: 1.125rem;
31
- --Label-Large-font-label-large-lineheight: 1.75rem;
32
-
33
- --Label-Small-font-label-small-size: 0.875rem;
34
- --Label-Small-font-label-small-lineheight: 1.25rem;
35
- /* Body */
36
- --Body-Default-font-body-default-family: "Montserrat", sans-serif;
37
- --Body-Default-font-body-default-size: 1rem;
38
- --Body-Default-font-body-default-lineheight: 1.5rem;
39
-
40
- --Body-Small-font-body-small-family: "Montserrat", sans-serif;
41
- --Body-Small-font-body-small-size: 0.875rem;
42
- --Body-Small-font-body-small-lineheight: 1.25rem;
43
-
44
- --Body-Large-font-body-large-family: "Montserrat", sans-serif;
45
- --Body-Large-font-body-large-size: 1.125rem;
46
- --Body-Large-font-body-large-lineheight: 1.75rem;
47
-
48
- --Body-ExtraLarge-font-body-xlarge-family: "Montserrat", sans-serif;
49
- --Body-ExtraLarge-font-body-xlarge-size: 1.5rem;
50
- --Body-ExtraLarge-font-body-xlarge-lineheight: 2.25rem;
51
- /* Headings */
52
- --Heading-H1-font-heading-1-family: "Montserrat", sans-serif;
53
- --Heading-H1-font-heading-1-size: 3rem;
54
- --Heading-H1-font-header-1-lineheight: 4rem;
55
-
56
- --Heading-H2-font-heading-2-family: "Montserrat", sans-serif;
57
- --Heading-H2-font-heading-2-size: 2.25rem;
58
- --Heading-H2-font-heading-2-lineheight: 3rem;
59
-
60
- --Heading-H3-font-heading-3-family: "Montserrat", sans-serif;
61
- --Heading-H3-font-heading-3-size: 2rem;
62
- --Heading-H3-font-heading-3-lineheight: 2.5rem;
63
-
64
- --Heading-H4-font-heading-4-family: "Montserrat", sans-serif;
65
- --Heading-H4-font-heading-4-size: 1.5rem;
66
- --Heading-H4-font-heading-4-lineheight: 2.25rem;
67
-
68
- --Heading-H5-font-heading-5-family: "Montserrat", sans-serif;
69
- --Heading-H5-font-heading-5-size: 1.25rem;
70
- --Heading-H5-font-heading-5-lineheight: 1.75rem;
71
-
72
- --Heading-H6-font-heading-6-family: "Montserrat", sans-serif;
73
- --Heading-H6-font-heading-6-size: 1rem;
74
- --Heading-H6-font-heading-6-lineheight: 1.5rem;
75
- /* Subtitles */
76
- --Subtitle-font-subtitle-family: "Montserrat", sans-serif;
77
- --Subtitle-Subtitle-1-font-subtitle-1-size: 1.5rem;
78
- --Subtitle-Subtitle-1-font-subtitle-1-lineheight: 2.25rem;
79
-
80
- --Subtitle-Subtitle-2-font-subtitle-2-size: 1.25rem;
81
- --Subtitle-Subtitle-2-font-subtitle-2-lineheight: 1.75rem;
82
- /* Display */
83
- --Display-font-display-family: Montserrat, sans-serif;
84
- --Display-Display-1-font-display-1-size: 4.5rem;
85
- --Display-Display-1-font-display-1-lineheight: 5.5rem;
86
-
87
- --Display-Display-2-font-display-2-size: 3.5rem;
88
- --Display-Display-2-font-display-2-lineheight: 4.5rem;
89
-
90
- /* Quotes */
91
- --Quote-font-quote-family: "Times New Roman", serif;
92
- --Quote-font-quote-size: 1.5rem;
93
- --Quote-font-quote-lineheight: 2.25rem;
94
-
95
- /* Icons */
96
- --Icon-Solid-Small-font-icon-solid-small-size: 1rem;
97
- --Icon-Solid-Default-font-icon-solid-default-size: 1.5rem;
98
- --Icon-Solid-Large-font-icon-solid-large-size: 2.25rem;
99
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-size: 3rem;
100
- --Icon-Solid-XXSmall-font-icon-solid-xxs-size: 0.75rem;
101
-
102
- --Static-Body-Large-Font: "Roboto", sans-serif;
103
- --Static-Body-Large-Size: 1rem;
104
- --Static-Body-Large-Line-Height: 1.5rem;
105
- --Static-Body-Large-Tracking: 0.03125rem;
106
- }
package/dist/styles/variables.css DELETED
@@ -1,92 +0,0 @@
1
- /* The values in this file are taken directly from tokens.json using copilot.
2
- TODO: we will need to update tokens.json to a more complete and updated version from figma, and create a workflow for transforming it into css variables */
3
- :root {
4
- /* Colors/Mode 1 */
5
- --dark-ben-franklin-blue: #0f4d90;
6
- --ben-franklin-blue: #2176d2;
7
- --dark-gray: #444444;
8
- --light-ben-franklin: #96c9ff;
9
- --electric-blue: #25cef7;
10
- --bell-yellow: #f3c613;
11
- --flyers-orange: #f99300;
12
- --kelly-drive-green: #58c04d;
13
- --light-bell: #ffefa2;
14
- --light-red: #fed0d0;
15
- --light-kelly-drive: #b9f2b1;
16
- --light-blue: #daedfe;
17
- --phanatic-green: #3a833c;
18
- --love-park-red: #cc3000;
19
- --pride-purple: #9400c6;
20
- --black: #000000;
21
- --medium-gray: #a1a1a1;
22
- --sidewalk: #cfcfcf;
23
- --ghost-gray: #f0f0f0;
24
- --white: #ffffff;
25
- --light-bell-bg: #fff7d0;
26
- --light-kelly-drive-bg: #dcf8d8;
27
- --light-red-bg: #fee7e7;
28
- /* Colors/Mode 1 > Text */
29
- --text-light: #ffffff;
30
- --text-dark: #000000;
31
- /* Colors/Mode 1 > All colors */
32
- --color-blue: #0f33f5;
33
- --color-dark-blue: #26008c;
34
- --color-dark-ben-franklin-blue: #0f4d8f;
35
- --color-light-blue: #128cff;
36
- --color-white: #ffffff;
37
- --color-black: #000000;
38
- --color-grey: #d9d9d9;
39
- --color-light-grey: #f2f2f2;
40
- --color-medium-grey: #cfcfcf;
41
- --color-dark-grey: #454545;
42
- --color-bell-yellow: #f2c712;
43
- --color-orange: #ed6638;
44
- --color-red: #ff0508;
45
- --color-light-green: #c9f2cf;
46
- --color-green: #1cb829;
47
- --color-dark-green: #176b00;
48
- --color-pink: #db1f80;
49
- --color-purple: #6300de;
50
- /* Colors/Mode 1 > Status */
51
- --status-green-light: #05ff47;
52
- /* Primitives/Mode 1 > spacing */
53
- --spacing-xxs: 0.125rem;
54
- --spacing-xs: 0.25rem;
55
- --spacing-s: 0.5rem;
56
- --spacing-m: 0.75rem;
57
- --spacing-l: 1rem;
58
- --spacing-xl: 1.125rem;
59
- --spacing-xxl: 1.5rem;
60
- --spacing-3xl: 2rem;
61
- --spacing-4xl: 2.5rem;
62
- --spacing-5xl: 3rem;
63
- --spacing-6xl: 3.5rem;
64
- --spacing-7xl: 4rem;
65
- /* scale, these are new from figma, assumptions made on medium -> large */
66
- --scale-xxsmall: 0.125rem;
67
- --scale-xsmall: 0.25rem;
68
- --scale-small: 0.5rem;
69
- --scale-medium: 0.75rem;
70
- --scale-large: 1rem;
71
- --scale-xlarge: 1.125rem;
72
- --scale-xxlarge: 1.5rem;
73
- --scale-3xlarge: 2rem;
74
- --scale-6xlarge: 3.5rem;
75
- /* Primitives/Mode 1 > border widths */
76
- --border-width-xl: 1.125rem;
77
- --border-width-l: 1rem;
78
- --border-width-m: 0.75rem;
79
- --border-width-s: 0.5rem;
80
- --border-width-xxl: 1.5rem;
81
- --border-width-xs: 0.25rem;
82
- --border-width-xxs: 0.125rem;
83
- /* Primitives/Mode 1 > border radius */
84
- --radius-xxs: 0.125rem;
85
- --radius-xs: 0.25rem;
86
- --radius-s: 0.5rem;
87
- --radius-m: 0.75rem;
88
- --radius-l: 1rem;
89
- --radius-xl: 1.125rem;
90
- --radius-xxl: 1.5rem;
91
- --radius-3xl: 2rem;
92
- }