@yr3/ui 1.0.2 → 1.0.4

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 +102 -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} +620 -307
  6. package/dist/{index.d.mts → index.d.cts} +142 -92
  7. package/dist/index.d.ts +142 -92
  8. package/dist/index.js +519 -406
  9. package/dist/styles/index.css +191 -3
  10. package/dist/styles/index.css.map +1 -1
  11. package/package.json +1 -1
package/dist/components/Calendar/calendar.css CHANGED
@@ -1,3 +1,105 @@
1
+ .yr3Calendar {
2
+ display: grid;
3
+ align-items: center;
4
+ justify-content: center;
5
+ }
1
6
 
7
+ .yr3Calendar--container {
8
+ display: grid;
9
+ width: 90dvw;
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: 90dvw;
18
+ margin: 0 auto;
19
+ grid-template-columns: repeat(3, 1fr);
20
+ align-items: center;
21
+ justify-content: space-between;
22
+ margin-bottom: 8px;
23
+ }
24
+
25
+ .yr3Calendar--month {
26
+ display: grid;
27
+ grid-column: auto;
28
+ align-items: center;
29
+ justify-content: center;
30
+ }
31
+
32
+ .yr3Calendar-day {
33
+ display: grid;
34
+ width: 32px;
35
+ height: 24px;
36
+ margin: 0 auto 5px auto;
37
+ grid-column: auto;
38
+ align-items: center;
39
+ justify-content: center;
40
+ }
41
+ .yr3Calendar-day--past {
42
+ opacity: 0.6;
43
+ color: var(--calendar-color);
44
+ }
45
+ .yr3Calendar-day--today {
46
+ background: color-mix(in srgb, var(--calendar-color) 30%, transparent);
47
+ color: var(--calendar-color);
48
+ }
49
+ .yr3Calendar-day--future {
50
+ color: var(--calendar-color);
51
+ }
52
+ .yr3Calendar-day--bordered {
53
+ border: 1px solid var(--calendar-color);
54
+ }
55
+ .yr3Calendar-day--selected {
56
+ background: var(--calendar-selected-color);
57
+ color: var(--color-surface);
58
+ }
59
+
60
+ .yr3Calendar-day--color-primary {
61
+ --calendar-color: var(--color-primary);
62
+ --calendar-selected-color: var(--color-primary);
63
+ }
64
+
65
+ .yr3Calendar-day--color-secondary {
66
+ --calendar-color: var(--color-secondary);
67
+ --calendar-selected-color: var(--color-secondary);
68
+ }
69
+
70
+ .yr3Calendar-day--color-success {
71
+ --calendar-color: var(--color-success);
72
+ --calendar-selected-color: var(--color-success);
73
+ }
74
+
75
+ .yr3Calendar-day--color-error {
76
+ --calendar-color: var(--color-error);
77
+ --calendar-selected-color: var(--color-error);
78
+ }
79
+
80
+ .yr3Calendar-day--color-warning {
81
+ --calendar-color: var(--color-warning);
82
+ --calendar-selected-color: var(--color-warning);
83
+ }
84
+
85
+ .yr3Calendar-day--color-info {
86
+ --calendar-color: var(--color-info);
87
+ --calendar-selected-color: var(--color-info);
88
+ }
89
+
90
+ .yr3Calendar-day--color-background {
91
+ --calendar-color: var(--color-background);
92
+ --calendar-selected-color: var(--color-background);
93
+ }
94
+
95
+ .yr3Calendar-day--color-text {
96
+ --calendar-color: var(--color-text);
97
+ --calendar-selected-color: var(--color-text);
98
+ }
99
+
100
+ .yr3Calendar-day--color-disabled {
101
+ --calendar-color: var(--color-disabled);
102
+ --calendar-selected-color: var(--color-disabled);
103
+ }
2
104
 
3
105
  /*# 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;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;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"}