@yr3/ui 1.0.1 → 1.0.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 (11) hide show
  1. package/dist/components/Calendar/calendar.css +100 -0
  2. package/dist/components/Calendar/calendar.css.map +1 -1
  3. package/dist/components/Grid/Grid.css +0 -3
  4. package/dist/components/Grid/Grid.css.map +1 -1
  5. package/dist/{index.mjs → index.cjs} +444 -296
  6. package/dist/{index.d.mts → index.d.cts} +81 -72
  7. package/dist/index.d.ts +81 -72
  8. package/dist/index.js +345 -395
  9. package/dist/styles/index.css +102 -3
  10. package/dist/styles/index.css.map +1 -1
  11. package/package.json +13 -7
package/dist/components/Calendar/calendar.css CHANGED
@@ -1,3 +1,103 @@
1
+ .yr3Calendar {
2
+ display: grid;
3
+ align-items: center;
4
+ justify-content: center;
5
+ }
1
6
 
7
+ .yr3Calendar--container {
8
+ display: grid;
9
+ width: 50dvw;
10
+ grid-template-columns: repeat(7, 1fr);
11
+ align-items: center;
12
+ justify-content: space-between;
13
+ }
14
+
15
+ .yr3Calendar--header {
16
+ display: grid;
17
+ width: 46dvw;
18
+ margin: 0 auto;
19
+ grid-template-columns: repeat(3, 1fr);
20
+ align-items: center;
21
+ justify-content: space-between;
22
+ }
23
+
24
+ .yr3Calendar--month {
25
+ display: grid;
26
+ grid-column: auto;
27
+ align-items: center;
28
+ justify-content: center;
29
+ }
30
+
31
+ .yr3Calendar-day {
32
+ display: grid;
33
+ width: 40px;
34
+ margin: 0 auto 5px auto;
35
+ grid-column: auto;
36
+ align-items: center;
37
+ justify-content: center;
38
+ }
39
+ .yr3Calendar-day--past {
40
+ opacity: 0.6;
41
+ color: var(--calendar-color);
42
+ }
43
+ .yr3Calendar-day--today {
44
+ background: color-mix(in srgb, var(--calendar-color) 30%, transparent);
45
+ color: var(--calendar-color);
46
+ }
47
+ .yr3Calendar-day--future {
48
+ color: var(--calendar-color);
49
+ }
50
+ .yr3Calendar-day--bordered {
51
+ border: 1px solid var(--calendar-color);
52
+ }
53
+ .yr3Calendar-day--selected {
54
+ background: var(--calendar-selected-color);
55
+ color: var(--color-surface);
56
+ }
57
+
58
+ .yr3Calendar-day--color-primary {
59
+ --calendar-color: var(--color-primary);
60
+ --calendar-selected-color: var(--color-primary);
61
+ }
62
+
63
+ .yr3Calendar-day--color-secondary {
64
+ --calendar-color: var(--color-secondary);
65
+ --calendar-selected-color: var(--color-secondary);
66
+ }
67
+
68
+ .yr3Calendar-day--color-success {
69
+ --calendar-color: var(--color-success);
70
+ --calendar-selected-color: var(--color-success);
71
+ }
72
+
73
+ .yr3Calendar-day--color-error {
74
+ --calendar-color: var(--color-error);
75
+ --calendar-selected-color: var(--color-error);
76
+ }
77
+
78
+ .yr3Calendar-day--color-warning {
79
+ --calendar-color: var(--color-warning);
80
+ --calendar-selected-color: var(--color-warning);
81
+ }
82
+
83
+ .yr3Calendar-day--color-info {
84
+ --calendar-color: var(--color-info);
85
+ --calendar-selected-color: var(--color-info);
86
+ }
87
+
88
+ .yr3Calendar-day--color-background {
89
+ --calendar-color: var(--color-background);
90
+ --calendar-selected-color: var(--color-background);
91
+ }
92
+
93
+ .yr3Calendar-day--color-text {
94
+ --calendar-color: var(--color-text);
95
+ --calendar-selected-color: var(--color-text);
96
+ }
97
+
98
+ .yr3Calendar-day--color-disabled {
99
+ --calendar-color: var(--color-disabled);
100
+ --calendar-selected-color: var(--color-disabled);
101
+ }
2
102
 
3
103
  /*# sourceMappingURL=calendar.css.map */
package/dist/components/Calendar/calendar.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"calendar.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Calendar/calendar.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA","file":"calendar.css"}
package/dist/components/Grid/Grid.css CHANGED
@@ -6,11 +6,8 @@
6
6
  .yr3Grid--container {
7
7
  width: 100%;
8
8
  display: grid;
9
- grid-template-columns: repeat(12, 1fr);
10
9
  }
11
10
 
12
- /* ===== ITEM ===== */
13
- /* ===== SPACING ===== */
14
11
  /* default xs */
15
12
  .yr3Grid--Col-1 {
16
13
  grid-column: span 1;
package/dist/components/Grid/Grid.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Grid/Grid.scss"],"names":[],"mappings":"AAAA;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAWJ;AAKA;AAgBA;AACA;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AAEnB;AAMA;AAQA","file":"Grid.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Grid/Grid.scss"],"names":[],"mappings":"AAAA;EACI;EACA;;;AAGJ;EACI;EACA;;;AAIJ;AACA;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAkB;;;AAClB;EAAmB;;;AACnB;EAAmB;;;AACnB;EAAmB;;;AAEnB;AAMA;AAQA","file":"Grid.css"}