@yr3/ui 1.0.19 → 1.0.20

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 (13) hide show
  1. package/dist/components/Collapse/collapse.css +0 -1
  2. package/dist/components/Collapse/collapse.css.map +1 -1
  3. package/dist/components/Date/month.css +16 -2
  4. package/dist/components/Date/month.css.map +1 -1
  5. package/dist/components/Picker/picker.css +124 -0
  6. package/dist/components/Picker/picker.css.map +1 -0
  7. package/dist/index.cjs +274 -98
  8. package/dist/index.d.cts +70 -13
  9. package/dist/index.d.ts +70 -13
  10. package/dist/index.js +273 -98
  11. package/dist/styles/index.css +139 -3
  12. package/dist/styles/index.css.map +1 -1
  13. package/package.json +1 -1
package/dist/components/Collapse/collapse.css CHANGED
@@ -1,5 +1,4 @@
1
1
  .yr3Collapse {
2
- overflow: hidden;
3
2
  transition: 0.5s ease-in-out;
4
3
  }
5
4
 
package/dist/components/Collapse/collapse.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Collapse/collapse.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;EACE;EACA;;AACA;EACE","file":"collapse.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Collapse/collapse.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;EACA;;AACA;EACE","file":"collapse.css"}
package/dist/components/Date/month.css CHANGED
@@ -15,7 +15,7 @@
15
15
  }
16
16
  .yr3MonthSelector--icon {
17
17
  position: absolute;
18
- right: 6;
18
+ right: 3px;
19
19
  z-index: 3;
20
20
  cursor: pointer;
21
21
  }
@@ -59,10 +59,14 @@
59
59
  border: none;
60
60
  cursor: pointer;
61
61
  }
62
- .yr3MonthSelector--months .yr3MonthSelector--month-disabled {
62
+ .yr3MonthSelector--months .yr3MonthSelector--month--disabled {
63
63
  cursor: not-allowed;
64
64
  opacity: 0.5;
65
65
  }
66
+ .yr3MonthSelector--months .yr3MonthSelector--month--selected {
67
+ border-radius: 4px;
68
+ border: 1px solid var(--color-primary);
69
+ }
66
70
 
67
71
  .yr3MonthSelector--year-button-back--disabled {
68
72
  cursor: not-allowed;
@@ -76,42 +80,52 @@
76
80
 
77
81
  .yr3MonthSelector--icon-color-primary {
78
82
  color: var(--color-primary);
83
+ --border-selected: var(--color-primary);
79
84
  }
80
85
 
81
86
  .yr3MonthSelector--icon-color-secondary {
82
87
  color: var(--color-secondary);
88
+ --border-selected: var(--color-secondary);
83
89
  }
84
90
 
85
91
  .yr3MonthSelector--icon-color-success {
86
92
  color: var(--color-success);
93
+ --border-selected: var(--color-success);
87
94
  }
88
95
 
89
96
  .yr3MonthSelector--icon-color-error {
90
97
  color: var(--color-error);
98
+ --border-selected: var(--color-error);
91
99
  }
92
100
 
93
101
  .yr3MonthSelector--icon-color-warning {
94
102
  color: var(--color-warning);
103
+ --border-selected: var(--color-warning);
95
104
  }
96
105
 
97
106
  .yr3MonthSelector--icon-color-info {
98
107
  color: var(--color-info);
108
+ --border-selected: var(--color-info);
99
109
  }
100
110
 
101
111
  .yr3MonthSelector--icon-color-disabled {
102
112
  color: var(--color-disabled);
113
+ --border-selected: var(--color-disabled);
103
114
  }
104
115
 
105
116
  .yr3MonthSelector--icon-color-background {
106
117
  color: var(--color-surface);
118
+ --border-selected: var(--color-surface);
107
119
  }
108
120
 
109
121
  .yr3MonthSelector--icon-color-text {
110
122
  color: var(--color-text);
123
+ --border-selected: var(--color-text);
111
124
  }
112
125
 
113
126
  .yr3MonthSelector--icon-color-common {
114
127
  color: var(--color-white);
128
+ --border-selected: var(--color-white);
115
129
  }
116
130
 
117
131
  /*# sourceMappingURL=month.css.map */
package/dist/components/Date/month.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Date/month.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;;AAMR;EACI;EACA;;;AAKJ;EACI;EACA;;;AAKR;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI","file":"month.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Date/month.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;;AAMR;EACI;EACA;;;AAKJ;EACI;EACA;;;AAKR;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA","file":"month.css"}
package/dist/components/Picker/picker.css ADDED
@@ -0,0 +1,124 @@
1
+ .yr3Picker {
2
+ display: flex;
3
+ flex-direction: row;
4
+ align-items: center;
5
+ justify-content: space-between;
6
+ position: relative;
7
+ box-sizing: content-box;
8
+ }
9
+ .yr3Picker.yr3Picker--wrapper {
10
+ position: relative;
11
+ display: flex;
12
+ flex-direction: row;
13
+ align-items: center;
14
+ justify-content: space-between;
15
+ }
16
+ .yr3Picker--icon {
17
+ position: absolute;
18
+ right: 3px;
19
+ z-index: 3;
20
+ }
21
+
22
+ .yr3Picker--container {
23
+ position: absolute;
24
+ top: calc(100% + 4px);
25
+ left: 0;
26
+ right: 0;
27
+ background: var(--color-surface);
28
+ border-radius: 4px;
29
+ z-index: 10;
30
+ overflow-x: hidden;
31
+ max-height: 100px;
32
+ overflow-y: auto;
33
+ padding: 8px;
34
+ }
35
+
36
+ .yr3Picker--color-primary {
37
+ color: var(--color-primary);
38
+ }
39
+
40
+ .yr3Picker--color-secondary {
41
+ color: var(--color-secondary);
42
+ }
43
+
44
+ .yr3Picker--color-success {
45
+ color: var(--color-success);
46
+ }
47
+
48
+ .yr3Picker--color-error {
49
+ color: var(--color-error);
50
+ }
51
+
52
+ .yr3Picker--color-warning {
53
+ color: var(--color-warning);
54
+ }
55
+
56
+ .yr3Picker--color-info {
57
+ color: var(--color-info);
58
+ }
59
+
60
+ .yr3Picker--color-disabled {
61
+ color: var(--color-disabled);
62
+ }
63
+
64
+ .yr3Picker--color-background {
65
+ color: var(--color-surface);
66
+ }
67
+
68
+ .yr3Picker--color-text {
69
+ color: var(--color-text);
70
+ }
71
+
72
+ .yr3Picker--color-common {
73
+ color: var(--color-white);
74
+ }
75
+
76
+ .yr3Picker--icon-animated {
77
+ transition: transform 0.3s ease;
78
+ }
79
+
80
+ .yr3Picker--icon-color-primary {
81
+ color: var(--color-primary);
82
+ }
83
+
84
+ .yr3Picker--icon-color-secondary {
85
+ color: var(--color-secondary);
86
+ }
87
+
88
+ .yr3Picker--icon-color-success {
89
+ color: var(--color-success);
90
+ }
91
+
92
+ .yr3Picker--icon-color-error {
93
+ color: var(--color-error);
94
+ }
95
+
96
+ .yr3Picker--icon-color-warning {
97
+ color: var(--color-warning);
98
+ }
99
+
100
+ .yr3Picker--icon-color-info {
101
+ color: var(--color-info);
102
+ }
103
+
104
+ .yr3Picker--icon-color-disabled {
105
+ color: var(--color-disabled);
106
+ }
107
+
108
+ .yr3Picker--icon-color-background {
109
+ color: var(--color-surface);
110
+ }
111
+
112
+ .yr3Picker--icon-color-text {
113
+ color: var(--color-text);
114
+ }
115
+
116
+ .yr3Picker--icon-color-common {
117
+ color: var(--color-white);
118
+ }
119
+
120
+ .yr3Picker--icon-animated {
121
+ transition: transform 0.3s ease;
122
+ }
123
+
124
+ /*# sourceMappingURL=picker.css.map */
package/dist/components/Picker/picker.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Picker/picker.scss"],"names":[],"mappings":"AAAC;EACG;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAIJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI","file":"picker.css"}