@yr3/ui 1.0.15 → 1.0.17

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/Group/group.css +33 -13
  2. package/dist/components/Group/group.css.map +1 -1
  3. package/dist/components/Slide/slide.css +4 -0
  4. package/dist/components/Slide/slide.css.map +1 -1
  5. package/dist/index.cjs +236 -145
  6. package/dist/index.d.cts +13 -3
  7. package/dist/index.d.ts +13 -3
  8. package/dist/index.js +235 -145
  9. package/dist/styles/index.css +37 -13
  10. package/dist/styles/index.css.map +1 -1
  11. package/package.json +1 -1
package/dist/components/Group/group.css CHANGED
@@ -18,16 +18,16 @@
18
18
  /* ===== VARIANTS ===== */
19
19
  .yr3Group--filled {
20
20
  border: 1px solid;
21
- border-color: var(--group-border-color, var(--color-primary));
22
- background: var(--bg-group, var(--color-primary));
23
- --group-bg-item: var(--color-surface, #fff);
24
- border-radius: var(--group-border-radius, 40px);
25
- }
26
- .yr3Group--filled .yr3Group--item {
27
- color: var(--color-surface, var(--color-surface));
28
- border-radius: var(--group-border-radius, 40px);
21
+ border-color: var(--group-border-color);
22
+ background: var(--bg-group);
23
+ transition: all 0.2s;
29
24
  }
30
25
  .yr3Group--filled .yr3Group--item--active {
26
+ background: var(--color-surface);
27
+ color: var(--group-active-color);
28
+ border-radius: var(--group-border-radius, 0px);
29
+ }
30
+ .yr3Group--filled .yr3Group--item--exclude {
31
31
  background: var(--color-surface);
32
32
  color: var(--group-color-text);
33
33
  }
@@ -35,7 +35,7 @@
35
35
  .yr3Group--outlined {
36
36
  border: 1px solid;
37
37
  border-color: var(--group-border-color, var(--color-primary));
38
- border-radius: var(--group-border-radius, 40px);
38
+ transition: all 0.2s;
39
39
  }
40
40
  .yr3Group--outlined .yr3Group--item {
41
41
  background: var(--group-bg-item, transparent);
@@ -44,6 +44,11 @@
44
44
  .yr3Group--outlined .yr3Group--item--active {
45
45
  background: var(--group-active, var(--color-surface));
46
46
  color: var(--color-surface);
47
+ border-radius: var(--group-border-radius, 0px);
48
+ }
49
+ .yr3Group--outlined .yr3Group--item--exclude {
50
+ background: var(--color-surface);
51
+ color: var(--group-color-text);
47
52
  }
48
53
 
49
54
  .yr3Group--text {
@@ -51,31 +56,38 @@
51
56
  }
52
57
  .yr3Group--text .yr3Group--item {
53
58
  background: transparent;
54
- color: var(--color-disabled);
59
+ color: var(--group-color-text);
55
60
  }
56
61
  .yr3Group--text .yr3Group--item--active {
57
62
  background: transparent;
58
- color: var(--group-active, var(--color-primary));
63
+ color: var(--group-active-color, var(--color-primary));
64
+ }
65
+ .yr3Group--text .yr3Group--item--exclude {
66
+ background: transparent;
67
+ color: var(--group-color-text);
59
68
  }
60
69
 
61
70
  /* ===== COLORS ===== */
62
71
  .yr3Group--color-primary {
63
72
  --group-active: var(--color-primary);
73
+ --group-active-color: var(--color-primary);
64
74
  --bg-group: var(--color-primary);
65
75
  --group-border-color: var(--color-primary);
66
- --group-color-text: var(--color-primary);
76
+ --group-color-text: var(--color-surface);
67
77
  }
68
78
 
69
79
  .yr3Group--color-secondary {
70
80
  --group-active: var(--color-secondary);
71
81
  --bg-group: var(--color-secondary);
72
82
  --group-border-color: var(--color-secondary);
83
+ --group-active-color: var(--color-secondary);
73
84
  --group-color-text: var(--color-secondary);
74
85
  }
75
86
 
76
87
  .yr3Group--color-success {
77
88
  --group-active: var(--color-success);
78
89
  --bg-group: var(--color-success);
90
+ --group-active-color: var(--color-success);
79
91
  --group-border-color: var(--color-success);
80
92
  --group-color-text: var(--color-success);
81
93
  }
@@ -83,6 +95,7 @@
83
95
  .yr3Group--color-error {
84
96
  --group-active: var(--color-error);
85
97
  --bg-group: var(--color-error);
98
+ --group-active-color: var(--color-error);
86
99
  --group-border-color: var(--color-error);
87
100
  --group-color-text: var(--color-error);
88
101
  }
@@ -92,6 +105,7 @@
92
105
  --bg-group: var(--color-warning);
93
106
  --group-border-color: var(--color-warning);
94
107
  --group-color-text: var(--color-warning);
108
+ --group-active-color: var(--color-warning);
95
109
  }
96
110
 
97
111
  .yr3Group--color-info {
@@ -99,6 +113,7 @@
99
113
  --bg-group: var(--color-info);
100
114
  --group-border-color: var(--color-info);
101
115
  --group-color-text: var(--color-info);
116
+ --group-active-color: var(--color-info);
102
117
  }
103
118
 
104
119
  .yr3Group--color-disabled {
@@ -106,6 +121,7 @@
106
121
  --bg-group: var(--color-disabled);
107
122
  --group-border-color: var(--color-disabled);
108
123
  --group-color-text: var(--color-disabled);
124
+ --group-active-color: var(--color-disabled);
109
125
  }
110
126
 
111
127
  .yr3Group--color-background {
@@ -113,6 +129,7 @@
113
129
  --bg-group: var(--color-surface);
114
130
  --group-border-color: var(--color-surface);
115
131
  --group-color-text: var(--color-text-primary);
132
+ --group-active-color: var(--color-background);
116
133
  }
117
134
 
118
135
  .yr3Group--color-text {
@@ -120,6 +137,7 @@
120
137
  --bg-group: var(--color-text);
121
138
  --group-border-color: var(--color-text);
122
139
  --group-color-text: var(--color-text);
140
+ --group-active-color: var(--color-text);
123
141
  }
124
142
 
125
143
  .yr3Group--color-common {
@@ -127,14 +145,16 @@
127
145
  --bg-group: var(--color-text);
128
146
  --group-border-color: var(--color-text);
129
147
  --group-color-text: var(--color-text);
148
+ --group-active-color: var(--color-white);
130
149
  }
131
150
 
132
151
  .yr3Group--type-rounded {
152
+ border-radius: 40px;
133
153
  --group-border-radius: 40px;
134
154
  }
135
155
 
136
156
  .yr3Group--type-square {
137
- --group-border-radius: 0;
157
+ border-radius: 0;
138
158
  }
139
159
 
140
160
  /*# sourceMappingURL=group.css.map */
package/dist/components/Group/group.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Group/group.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;;;AAKN;EACE;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;;;AAKN;EACE;;AACA;EACE;EACA;;AACA;EACE;EACA;;;AAON;AAEA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAKF;EACE;;;AAEF;EACE","file":"group.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Group/group.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;;AAEE;EACE;EACA;EACA;;AAEF;EACE;EACA;;;AAKN;EACE;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;;;AAKN;EACE;;AACA;EACE;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAON;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;;;AAEF;EACE","file":"group.css"}
package/dist/components/Slide/slide.css CHANGED
@@ -43,4 +43,8 @@
43
43
  transform: translate(0, 0);
44
44
  }
45
45
 
46
+ .yr3Slide--content--out {
47
+ transition: all 0.3s ease;
48
+ }
49
+
46
50
  /*# sourceMappingURL=slide.css.map */
package/dist/components/Slide/slide.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Slide/slide.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AAGI;EACI;EACA;EACA;;AAJR;EAMG;;;AAIE;EACG;EACA;EACA;;AAJR;EAMG;;;AAGH;EACE;;;AAIE;EACI;EACA;EACA;;AAJR;EAMG;;;AAGH;AAEA;EACE","file":"slide.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Slide/slide.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AAGI;EACI;EACA;EACA;;AAJR;EAMG;;;AAIE;EACG;EACA;EACA;;AAJR;EAMG;;;AAGH;EACE;;;AAIE;EACI;EACA;EACA;;AAJR;EAMG;;;AAGH;AAEA;EACE;;;AAGF;EACE","file":"slide.css"}