@yr3/ui 1.0.6 → 1.0.8

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 (17) hide show
  1. package/dist/components/Control/control.css +8 -0
  2. package/dist/components/Control/control.css.map +1 -1
  3. package/dist/components/Input/input.css +9 -1
  4. package/dist/components/Input/input.css.map +1 -1
  5. package/dist/components/Select/select.css +18 -23
  6. package/dist/components/Select/select.css.map +1 -1
  7. package/dist/components/Selector/selector.css +1 -2
  8. package/dist/components/Selector/selector.css.map +1 -1
  9. package/dist/components/Switch/switch.css +16 -0
  10. package/dist/components/Switch/switch.css.map +1 -1
  11. package/dist/index.cjs +259 -134
  12. package/dist/index.d.cts +43 -8
  13. package/dist/index.d.ts +43 -8
  14. package/dist/index.js +257 -131
  15. package/dist/styles/index.css +52 -26
  16. package/dist/styles/index.css.map +1 -1
  17. package/package.json +1 -1
package/dist/components/Control/control.css CHANGED
@@ -89,4 +89,12 @@
89
89
  height: 48px;
90
90
  }
91
91
 
92
+ .yr3Control--size-auto {
93
+ width: auto;
94
+ }
95
+
96
+ .yr3Control--size-full {
97
+ width: 100%;
98
+ }
99
+
92
100
  /*# sourceMappingURL=control.css.map */
package/dist/components/Control/control.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Control/control.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE","file":"control.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Control/control.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE","file":"control.css"}
package/dist/components/Input/input.css CHANGED
@@ -35,7 +35,7 @@ input::placeholder {
35
35
 
36
36
  .yr3Input {
37
37
  position: relative;
38
- width: 100%;
38
+ width: auto;
39
39
  height: 40px;
40
40
  background: transparent;
41
41
  border: none;
@@ -88,4 +88,12 @@ input::placeholder {
88
88
  transform: translateY(5px);
89
89
  }
90
90
 
91
+ .yr3Input--size-auto {
92
+ width: auto;
93
+ }
94
+
95
+ .yr3Input--size-full {
96
+ width: 150px;
97
+ }
98
+
91
99
  /*# sourceMappingURL=input.css.map */
package/dist/components/Input/input.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Input/input.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;;;AAGJ;AAAA;EAEE;EACA;;;AAEF;EACI;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;AACA;EACE;;;AAIF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA","file":"input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Input/input.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;;;AAGJ;AAAA;EAEE;EACA;;;AAEF;EACI;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;AACA;EACE;;;AAIF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE","file":"input.css"}
package/dist/components/Select/select.css CHANGED
@@ -1,32 +1,28 @@
1
- .yr3Select-wrapper {
1
+ .yr3Select {
2
+ display: flex;
3
+ flex-direction: row;
4
+ align-items: center;
5
+ justify-content: space-between;
2
6
  position: relative;
3
- width: 100%;
4
- box-sizing: border-box;
5
- padding: 4px;
7
+ box-sizing: content-box;
6
8
  }
7
- .yr3Select-wrapper .yr3Select {
8
- width: 100%;
9
+ .yr3Select.yr3Select--wrapper {
10
+ position: relative;
9
11
  display: flex;
10
12
  flex-direction: row;
11
13
  align-items: center;
12
14
  justify-content: space-between;
13
15
  }
14
- .yr3Select-wrapper .yr3Select .yr3Select--icon {
16
+ .yr3Select--icon {
15
17
  margin-top: 10px;
18
+ position: absolute;
19
+ right: 0;
20
+ z-index: 3;
16
21
  }
17
- .yr3Select-wrapper .yr3Select.yr3Select--open .yr3Select--icon {
18
- margin-top: 10px;
22
+ .yr3Select--icon--open {
19
23
  transform: rotate(180deg);
20
24
  }
21
25
 
22
- /* CONTROL */
23
- .yr3Select--control {
24
- padding-left: 4px;
25
- margin-top: 10px;
26
- cursor: pointer;
27
- color: var(--color-secondary);
28
- }
29
-
30
26
  /* MENU */
31
27
  .yr3Select--menu {
32
28
  position: absolute;
@@ -37,17 +33,16 @@
37
33
  border: 1px solid var(--color-primary);
38
34
  border-radius: 4px;
39
35
  z-index: 10;
40
- overflow-x: "hidden";
41
- max-height: 100;
42
- z-index: 1000;
36
+ overflow-x: hidden;
37
+ max-height: 100px;
43
38
  overflow-y: auto;
39
+ padding: 8px;
44
40
  }
45
41
 
46
42
  /* OPTION */
47
- .yr3Select--control {
48
- padding: 8px;
43
+ .yr3Select--option {
44
+ padding: 3px 4px;
49
45
  cursor: pointer;
50
- color: var(--color-secondary);
51
46
  }
52
47
 
53
48
  .yr3Select--option:hover {
package/dist/components/Select/select.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Select/select.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACI;;AAGI;EACA;EACA;;;AAQd;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACI","file":"select.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Select/select.scss"],"names":[],"mappings":"AACE;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACI;;;AAMV;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACI;EACA;;;AAGJ;EACI","file":"select.css"}
package/dist/components/Selector/selector.css CHANGED
@@ -31,8 +31,7 @@
31
31
  border-radius: 4px;
32
32
  z-index: 10;
33
33
  overflow-x: "hidden";
34
- max-height: 100;
35
- z-index: 1000;
34
+ max-height: 100px;
36
35
  overflow-y: auto;
37
36
  }
38
37
 
package/dist/components/Selector/selector.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Selector/selector.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEI;EACG;;AAIT;EACE;EACA;EACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACI;;;AAGJ;EACI","file":"selector.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Selector/selector.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEI;EACG;;AAIT;EACE;EACA;EACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACI;;;AAGJ;EACI","file":"selector.css"}
package/dist/components/Switch/switch.css CHANGED
@@ -129,4 +129,20 @@
129
129
  --switch-track-active: var(--color-warning);
130
130
  }
131
131
 
132
+ .yr3Switch--label-start {
133
+ flex-direction: row-reverse;
134
+ }
135
+ .yr3Switch--label-start .yr3Switch--label {
136
+ margin-left: 0;
137
+ margin-right: 8px;
138
+ }
139
+
140
+ .yr3Switch--label-end {
141
+ flex-direction: row;
142
+ }
143
+ .yr3Switch--label-end .yr3Switch--label {
144
+ margin-left: 8px;
145
+ margin-right: 0;
146
+ }
147
+
132
148
  /*# sourceMappingURL=switch.css.map */
package/dist/components/Switch/switch.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Switch/switch.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;AACA;EACE;;;AAIJ;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA","file":"switch.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Switch/switch.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;AACA;EACE;;;AAIJ;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;AACA;EACI;EACA;;;AAIR;EACI;;AACA;EACI;EACA","file":"switch.css"}