frutjam 1.2.0-beta.0 → 1.2.0

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 (40) hide show
  1. package/README.md +34 -20
  2. package/dist/frutjam.local.css +2 -0
  3. package/dist/frutjam.min.css +5 -0
  4. package/dist/frutjam.min.css.map +1 -0
  5. package/dist/frutjam.min.js +3 -0
  6. package/dist/frutjam.min.js.LICENSE.txt +1 -0
  7. package/dist/frutjam.min.js.map +1 -0
  8. package/dist/frutjam.safelist.local.css +1 -0
  9. package/package.json +60 -28
  10. package/src/base/preflight.css +0 -7
  11. package/src/components/accordion.css +0 -59
  12. package/src/components/badge.css +0 -228
  13. package/src/components/breadcrumb.css +0 -90
  14. package/src/components/button.css +0 -370
  15. package/src/components/card.css +0 -63
  16. package/src/components/checkbox.css +0 -285
  17. package/src/components/container.css +0 -52
  18. package/src/components/divider.css +0 -229
  19. package/src/components/drawer.css +0 -155
  20. package/src/components/dropdown.css +0 -122
  21. package/src/components/header.css +0 -26
  22. package/src/components/input.css +0 -340
  23. package/src/components/modal.css +0 -130
  24. package/src/components/nav.css +0 -36
  25. package/src/components/popover.css +0 -140
  26. package/src/components/sidebar.css +0 -21
  27. package/src/components/typography.css +0 -7
  28. package/src/main.css +0 -21
  29. package/src/main.js +0 -1
  30. package/src/theme/animation/slide.css +0 -6
  31. package/src/theme/animation/wiggle.css +0 -14
  32. package/src/theme/jams/base.css +0 -123
  33. package/src/theme/jams/darkberry.css +0 -134
  34. package/src/theme/jams/pinkberry.css +0 -0
  35. package/src/theme/jams/snowberry.css +0 -139
  36. package/src/theme/placement.css +0 -8
  37. package/src/theme/typography.css +0 -8
  38. package/src/utilities/headings.css +0 -22
  39. package/src/utilities/para.css +0 -22
  40. package/src/utilities/surface.css +0 -64
@@ -1,139 +0,0 @@
1
- /* @layer theme {
2
- [data-theme="snowberry"], [data-theme="light"] {
3
-
4
- }
5
- } */
6
-
7
- @utility snowberry {
8
- --color-scheme: light;
9
-
10
- --radius-btn: 0.5rem;
11
- --radius-input: 0.5rem;
12
- --radius-checkbox: 0.375rem;
13
- --radius-modal: 1rem;
14
- --radius-accordion: 0.5rem;
15
- --radius-dropdown: 0.5rem;
16
- --radius-card: 1rem;
17
- --radius-badge: 0.5rem;
18
-
19
- --core-0: oklch(1 0 0);
20
- --core-50: oklch(.985 .001 106.423);
21
- --core-100: oklch(.97 .001 106.424);
22
- --core-200: oklch(.923 .003 48.717);
23
- --core-300: oklch(.869 .005 56.366);
24
- --core-400: oklch(.709 .01 56.259);
25
- --core-500: oklch(.553 .013 58.071);
26
- --core-600: oklch(.444 .011 73.639);
27
- --core-700: oklch(.374 .01 67.558);
28
- --core-800: oklch(.268 .007 34.298);
29
- --core-900: oklch(.216 .006 56.043);
30
- --core-950: oklch(.147 .004 49.25);
31
- --core-1000: oklch(0.15 0 0);
32
-
33
- --default-50: oklch(0.985 0 0);
34
- --default-100: oklch(0.967 0.001 286.375);
35
- --default-200: oklch(0.92 0.004 286.32);
36
- --default-300: oklch(0.871 0.006 286.286);
37
- --default-400: oklch(0.705 0.015 286.067);
38
- --default-500: oklch(0.552 0.016 285.938);
39
- --default-600: oklch(0.442 0.017 285.786);
40
- --default-700: oklch(0.37 0.013 285.805);
41
- --default-800: oklch(0.274 0.006 286.033);
42
- --default-900: oklch(0.21 0.006 285.885);
43
- --default-950: oklch(0.141 0.005 285.823);
44
-
45
- --primary-50: oklch(96.2% 0.018 272.314);
46
- --primary-100: oklch(93% 0.034 272.788);
47
- --primary-200: oklch(87% 0.065 274.039);
48
- --primary-300: oklch(78.5% 0.115 274.713);
49
- --primary-400: oklch(70.2% 0.183 293.541);
50
- --primary-500: oklch(60.6% 0.25 292.717);
51
- --primary-600: oklch(51.1% 0.262 276.966);
52
- --primary-700: oklch(45.7% 0.24 277.023);
53
- --primary-800: oklch(39.8% 0.195 277.366);
54
- --primary-900: oklch(35.9% 0.144 278.697);
55
- --primary-950: oklch(25.7% 0.09 281.288);
56
-
57
- --secondary-50: oklch(97.9% 0.021 166.113);
58
- --secondary-100: oklch(95% 0.052 163.051);
59
- --secondary-200: oklch(90.5% 0.093 164.15);
60
- --secondary-300: oklch(84.5% 0.143 164.978);
61
- --secondary-400: oklch(76.5% 0.177 163.223);
62
- --secondary-500: oklch(69.6% 0.17 162.48);
63
- --secondary-600: oklch(59.6% 0.145 163.225);
64
- --secondary-700: oklch(50.8% 0.118 165.612);
65
- --secondary-800: oklch(43.2% 0.095 166.913);
66
- --secondary-900: oklch(37.8% 0.077 168.94);
67
- --secondary-950: oklch(26.2% 0.051 172.552);
68
-
69
- --accent-50: oklch(0.969 0.016 293.756);
70
- --accent-100: oklch(0.943 0.029 294.588);
71
- --accent-200: oklch(0.894 0.057 293.283);
72
- --accent-300: oklch(0.811 0.111 293.571);
73
- --accent-400: oklch(0.702 0.183 293.541);
74
- --accent-500: oklch(0.606 0.25 292.717);
75
- --accent-600: oklch(0.541 0.281 293.009);
76
- --accent-700: oklch(0.491 0.27 292.581);
77
- --accent-800: oklch(0.432 0.232 292.759);
78
- --accent-900: oklch(0.38 0.189 293.745);
79
- --accent-950: oklch(0.283 0.141 291.089);
80
-
81
-
82
- --info-50: oklch(0.979 0.021 166.113);
83
- --info-100: oklch(0.95 0.052 163.051);
84
- --info-200: oklch(0.905 0.093 164.15);
85
- --info-300: oklch(0.845 0.143 164.978);
86
- --info-400: oklch(0.765 0.177 163.223);
87
- --info-500: oklch(0.696 0.17 162.48);
88
- --info-600: oklch(0.596 0.145 163.225);
89
- --info-700: oklch(0.508 0.118 165.612);
90
- --info-800: oklch(0.432 0.095 166.913);
91
- --info-900: oklch(0.378 0.077 168.94);
92
- --info-950: oklch(0.262 0.051 172.552);
93
-
94
- --success-50: oklch(0.982 0.018 155.826);
95
- --success-100: oklch(0.962 0.044 156.743);
96
- --success-200: oklch(0.925 0.084 155.995);
97
- --success-300: oklch(0.871 0.15 154.449);
98
- --success-400: oklch(0.792 0.209 151.711);
99
- --success-500: oklch(0.723 0.219 149.579);
100
- --success-600: oklch(0.627 0.194 149.214);
101
- --success-700: oklch(0.527 0.154 150.069);
102
- --success-800: oklch(0.448 0.119 151.328);
103
- --success-900: oklch(0.393 0.095 152.535);
104
- --success-950: oklch(0.266 0.065 152.934);
105
-
106
- --warning-50: oklch(0.987 0.026 102.212);
107
- --warning-100: oklch(0.973 0.071 103.193);
108
- --warning-200: oklch(0.945 0.129 101.54);
109
- --warning-300: oklch(0.905 0.182 98.111);
110
- --warning-400: oklch(0.852 0.199 91.936);
111
- --warning-500: oklch(0.795 0.184 86.047);
112
- --warning-600: oklch(0.681 0.162 75.834);
113
- --warning-700: oklch(0.554 0.135 66.442);
114
- --warning-800: oklch(0.476 0.114 61.907);
115
- --warning-900: oklch(0.421 0.095 57.708);
116
- --warning-950: oklch(0.286 0.066 53.813);
117
-
118
- --error-50: oklch(0.971 0.013 17.38);
119
- --error-100: oklch(0.936 0.032 17.717);
120
- --error-200: oklch(0.885 0.062 18.334);
121
- --error-300: oklch(0.808 0.114 19.571);
122
- --error-400: oklch(0.704 0.191 22.216);
123
- --error-500: oklch(0.637 0.237 25.331);
124
- --error-600: oklch(0.577 0.245 27.325);
125
- --error-700: oklch(0.505 0.213 27.518);
126
- --error-800: oklch(0.444 0.177 26.899);
127
- --error-900: oklch(0.396 0.141 25.723);
128
- --error-950: oklch(0.258 0.092 26.042);
129
- }
130
-
131
- @media (prefers-color-scheme: light) {
132
- :root:not([data-theme]) {
133
- @apply snowberry;
134
- }
135
- }
136
-
137
- [data-theme="snowberry"], [data-theme="light"] {
138
- @apply snowberry
139
- }
@@ -1,8 +0,0 @@
1
- @theme {
2
- --x-start: start;
3
- --x-center: center;
4
- --x-end: end;
5
- --y-start: start;
6
- --y-center: center;
7
- --y-end: end;
8
- }
@@ -1,8 +0,0 @@
1
- @theme inline {
2
- --style-h1-size: var(--text-4xl);
3
- --style-h2-size: var(--text-3xl);
4
- --style-h3-size: var(--text-2xl);
5
- --style-h4-size: var(--text-xl);
6
- --style-h5-size: var(--text-lg);
7
- --style-h6-size: var(--text-base);
8
- }
@@ -1,22 +0,0 @@
1
- @utility core-heading {
2
- @apply font-bold text-balance;
3
- color:light-dark(
4
- var(--core-900),
5
- var(--core-100)
6
- );
7
- }
8
-
9
- @utility heading-* {
10
- @apply core-heading;
11
- font-size: --value(--text-*);
12
- }
13
-
14
- @utility heading {
15
- @apply core-heading;
16
- font-size: var(--text-base);
17
- }
18
-
19
- @utility heading-md {
20
- @apply core-heading;
21
- font-size: var(--text-base);
22
- }
@@ -1,22 +0,0 @@
1
- @utility core-para {
2
- text-wrap: balance;
3
- color:light-dark(
4
- var(--core-900),
5
- var(--core-300)
6
- );
7
- }
8
-
9
- @utility para-* {
10
- @apply core-para;
11
- font-size: --value(--text-*);
12
- }
13
-
14
- @utility para {
15
- @apply core-para;
16
- font-size: var(--text-base);
17
- }
18
-
19
- @utility para-md {
20
- @apply core-para;
21
- font-size: var(--text-base);
22
- }
@@ -1,64 +0,0 @@
1
- @utility surface-0 {
2
- background-color: light-dark(var(--core-0), var(--core-1000));
3
- color: light-dark(var(--core-1000), var(--core-0));
4
- }
5
-
6
- @utility surface-50 {
7
- background-color: light-dark(var(--core-50), var(--core-950));
8
- color: light-dark(var(--core-950), var(--core-50));
9
- }
10
-
11
- @utility surface-100 {
12
- background-color: light-dark(var(--core-100), var(--core-900));
13
- color: light-dark(var(--core-900), var(--core-100));
14
- }
15
-
16
- @utility surface-200 {
17
- background-color: light-dark(var(--core-200), var(--core-800));
18
- color: light-dark(var(--core-800), var(--core-200));
19
- }
20
-
21
- @utility surface-300 {
22
- background-color: light-dark(var(--core-300), var(--core-700));
23
- color: light-dark(var(--core-700), var(--core-300));
24
- }
25
-
26
- @utility surface-400 {
27
- background-color: light-dark(var(--core-400), var(--core-600));
28
- color: light-dark(var(--core-600), var(--core-400));
29
- }
30
-
31
- @utility surface-500 {
32
- background-color: light-dark(var(--core-500), var(--core-500));
33
- color: light-dark(var(--core-500), var(--core-500));
34
- }
35
-
36
- @utility surface-600 {
37
- background-color: light-dark(var(--core-600), var(--core-400));
38
- color: light-dark(var(--core-400), var(--core-600));
39
- }
40
-
41
- @utility surface-700 {
42
- background-color: light-dark(var(--core-700), var(--core-300));
43
- color: light-dark(var(--core-300), var(--core-700));
44
- }
45
-
46
- @utility surface-800 {
47
- background-color: light-dark(var(--core-800), var(--core-200));
48
- color: light-dark(var(--core-200), var(--core-800));
49
- }
50
-
51
- @utility surface-900 {
52
- background-color: light-dark(var(--core-900), var(--core-100));
53
- color: light-dark(var(--core-100), var(--core-900));
54
- }
55
-
56
- @utility surface-950 {
57
- background-color: light-dark(var(--core-950), var(--core-50));
58
- color: light-dark(var(--core-50), var(--core-950));
59
- }
60
-
61
- @utility surface-1000 {
62
- background-color: light-dark(var(--core-1000), var(--core-0));
63
- color: light-dark(var(--core-0), var(--core-1000));
64
- }