@rescui/toggle 0.3.11 → 0.3.13-RUI-229-Mark-packages-as-ES-modules-62bc27a1.2

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 (5) hide show
  1. package/lib/index.css +22 -22
  2. package/lib/public-api.p.css +3 -3
  3. package/lib/public-api.pcss +3 -3
  4. package/lib/toggle.p.module.css.js +10 -10
  5. package/package.json +12 -6
package/lib/index.css CHANGED
@@ -1,33 +1,33 @@
1
- ._themeLight_glfyez_6{
1
+ ._themeLight_n3nw5f_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_glfyez_9{
4
+ ._themeDark_n3nw5f_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeS_glfyez_13{
7
+ ._sizeS_n3nw5f_13{
8
8
  --_rs-toggle-width:20px;
9
9
  --_rs-toggle-height:12px;
10
10
  --_rs-toggle-shadow:3px;
11
11
  }
12
- ._sizeM_glfyez_16{
12
+ ._sizeM_n3nw5f_16{
13
13
  --_rs-toggle-width:28px;
14
14
  --_rs-toggle-height:16px;
15
15
  --_rs-toggle-shadow:3px;
16
16
  }
17
- ._sizeL_glfyez_19{
17
+ ._sizeL_n3nw5f_19{
18
18
  --_rs-toggle-width:32px;
19
19
  --_rs-toggle-height:18px;
20
20
  --_rs-toggle-shadow:4px;
21
21
  }
22
- ._classic_glfyez_23{
22
+ ._classic_n3nw5f_23{
23
23
  --_rs-toggle-hover-slider-box-shadow-color:var(--_rs-color-primary-t-fog);
24
24
  --_rs-toggle-checked-slider-background-color:var(--_rs-color-primary);
25
25
  }
26
- ._rock_glfyez_26{
26
+ ._rock_n3nw5f_26{
27
27
  --_rs-toggle-hover-slider-box-shadow-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
28
28
  --_rs-toggle-checked-slider-background-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
29
29
  }
30
- ._main_glfyez_30{
30
+ ._main_n3nw5f_30{
31
31
  --_rs-toggle-circle-border:2px;
32
32
 
33
33
  --_rs-theme-dark:var(
@@ -42,7 +42,7 @@
42
42
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
43
43
  }
44
44
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
45
- ._main_glfyez_30{
45
+ ._main_n3nw5f_30{
46
46
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
47
47
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
48
48
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -51,7 +51,7 @@
51
51
  }
52
52
  }
53
53
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
54
- ._main_glfyez_30{
54
+ ._main_n3nw5f_30{
55
55
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
56
56
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
57
57
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -59,7 +59,7 @@
59
59
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
60
60
  }
61
61
  }
62
- ._main_glfyez_30 {
62
+ ._main_n3nw5f_30 {
63
63
 
64
64
  position:relative;
65
65
 
@@ -71,7 +71,7 @@
71
71
 
72
72
  cursor:pointer;
73
73
  }
74
- ._main_glfyez_30 input{
74
+ ._main_n3nw5f_30 input{
75
75
  position:absolute;
76
76
  z-index:-1;
77
77
 
@@ -81,11 +81,11 @@
81
81
 
82
82
  pointer-events:none;
83
83
  }
84
- ._main_glfyez_30._disabled_glfyez_57{
84
+ ._main_n3nw5f_30._disabled_n3nw5f_57{
85
85
  cursor:default;
86
86
  pointer-events:none;
87
87
  }
88
- ._slider_glfyez_63{
88
+ ._slider_n3nw5f_63{
89
89
  position:absolute;
90
90
  top:var(--_rs-toggle-shadow);
91
91
  left:var(--_rs-toggle-shadow);
@@ -99,7 +99,7 @@
99
99
 
100
100
  transition:background-color 200ms;
101
101
  }
102
- ._slider_glfyez_63:after{
102
+ ._slider_n3nw5f_63:after{
103
103
  position:absolute;
104
104
  top:0;
105
105
  left:0;
@@ -118,15 +118,15 @@
118
118
  transition:transform 200ms, height 200ms, width 200ms, border-color 200ms;
119
119
  transform:translate(0);
120
120
  }
121
- ._disabled_glfyez_57 ._slider_glfyez_63{
121
+ ._disabled_n3nw5f_57 ._slider_n3nw5f_63{
122
122
  background:rgb(calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(210 - var(--_rs-theme-dark-coefficient, 0)*137));
123
123
  }
124
- ._disabled_glfyez_57 ._slider_glfyez_63:after{
124
+ ._disabled_n3nw5f_57 ._slider_n3nw5f_63:after{
125
125
  border-color:rgb(calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(210 - var(--_rs-theme-dark-coefficient, 0)*137));
126
126
 
127
127
  background:rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181));
128
128
  }
129
- input:checked + ._slider_glfyez_63:after{
129
+ input:checked + ._slider_n3nw5f_63:after{
130
130
  width:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
131
131
  height:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
132
132
 
@@ -135,15 +135,15 @@ input:checked + ._slider_glfyez_63:after{
135
135
  calc(var(--_rs-toggle-circle-border)/-2)
136
136
  );
137
137
  }
138
- ._main_glfyez_30:not(._disabled_glfyez_57) input:hover + ._slider_glfyez_63{
138
+ ._main_n3nw5f_30:not(._disabled_n3nw5f_57) input:hover + ._slider_n3nw5f_63{
139
139
  box-shadow:var(--_rs-toggle-hover-slider-box-shadow-color) 0 0 0 var(--_rs-toggle-shadow);
140
140
  }
141
- ._main_glfyez_30:not(._disabled_glfyez_57) input:checked + ._slider_glfyez_63{
141
+ ._main_n3nw5f_30:not(._disabled_n3nw5f_57) input:checked + ._slider_n3nw5f_63{
142
142
  background-color:var(--_rs-toggle-checked-slider-background-color);
143
143
  }
144
- ._main_glfyez_30:not(._disabled_glfyez_57) input:checked + ._slider_glfyez_63:after{
144
+ ._main_n3nw5f_30:not(._disabled_n3nw5f_57) input:checked + ._slider_n3nw5f_63:after{
145
145
  border-color:var(--_rs-toggle-checked-slider-background-color);
146
146
  }
147
- ._main_glfyez_30:not(._disabled_glfyez_57) input:focus[data-focus-method='key'] + ._slider_glfyez_63{
147
+ ._main_n3nw5f_30:not(._disabled_n3nw5f_57) input:focus[data-focus-method='key'] + ._slider_n3nw5f_63{
148
148
  box-shadow:0 0 0 var(--_rs-toggle-shadow) var(--_rs-color-primary-t-dim);
149
149
  }
package/lib/public-api.p.css CHANGED
@@ -8,7 +8,7 @@
8
8
  --_rs-menu-mi-icon-offset:8px;
9
9
  --_rs-menu-mi-vertical-padding:6px;
10
10
  --_rs-menu-mi-horizontal-padding:8px;
11
- --_rs-typography-letter-spacing:0.0045em;
11
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
12
12
  --_rs-typography-text-transform:initial;
13
13
  --_rs-typography-font-variant-numeric:initial;
14
14
  --_rs-typography-font-family:var(
@@ -52,7 +52,7 @@
52
52
  --_rs-menu-mi-icon-offset:8px;
53
53
  --_rs-menu-mi-vertical-padding:8px;
54
54
  --_rs-menu-mi-horizontal-padding:16px;
55
- --_rs-typography-letter-spacing:0.0015em;
55
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
56
56
  --_rs-typography-text-transform:initial;
57
57
  --_rs-typography-font-variant-numeric:initial;
58
58
  --_rs-typography-font-family:var(
@@ -101,7 +101,7 @@
101
101
  --_rs-menu-mi-icon-offset:16px;
102
102
  --_rs-menu-mi-vertical-padding:12px;
103
103
  --_rs-menu-mi-horizontal-padding:16px;
104
- --_rs-typography-letter-spacing:normal;
104
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
105
105
  --_rs-typography-text-transform:initial;
106
106
  --_rs-typography-font-variant-numeric:initial;
107
107
  --_rs-typography-font-family:var(
package/lib/public-api.pcss CHANGED
@@ -8,7 +8,7 @@
8
8
  --_rs-menu-mi-icon-offset:8px;
9
9
  --_rs-menu-mi-vertical-padding:6px;
10
10
  --_rs-menu-mi-horizontal-padding:8px;
11
- --_rs-typography-letter-spacing:0.0045em;
11
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
12
12
  --_rs-typography-text-transform:initial;
13
13
  --_rs-typography-font-variant-numeric:initial;
14
14
  --_rs-typography-font-family:var(
@@ -52,7 +52,7 @@
52
52
  --_rs-menu-mi-icon-offset:8px;
53
53
  --_rs-menu-mi-vertical-padding:8px;
54
54
  --_rs-menu-mi-horizontal-padding:16px;
55
- --_rs-typography-letter-spacing:0.0015em;
55
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
56
56
  --_rs-typography-text-transform:initial;
57
57
  --_rs-typography-font-variant-numeric:initial;
58
58
  --_rs-typography-font-family:var(
@@ -101,7 +101,7 @@
101
101
  --_rs-menu-mi-icon-offset:16px;
102
102
  --_rs-menu-mi-vertical-padding:12px;
103
103
  --_rs-menu-mi-horizontal-padding:16px;
104
- --_rs-typography-letter-spacing:normal;
104
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
105
105
  --_rs-typography-text-transform:initial;
106
106
  --_rs-typography-font-variant-numeric:initial;
107
107
  --_rs-typography-font-family:var(
package/lib/toggle.p.module.css.js CHANGED
@@ -1,13 +1,13 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_glfyez_6",
3
- "themeDark": "_themeDark_glfyez_9",
4
- "sizeS": "_sizeS_glfyez_13",
5
- "sizeM": "_sizeM_glfyez_16",
6
- "sizeL": "_sizeL_glfyez_19",
7
- "classic": "_classic_glfyez_23",
8
- "rock": "_rock_glfyez_26",
9
- "main": "_main_glfyez_30",
10
- "disabled": "_disabled_glfyez_57",
11
- "slider": "_slider_glfyez_63"
2
+ "themeLight": "_themeLight_n3nw5f_6",
3
+ "themeDark": "_themeDark_n3nw5f_9",
4
+ "sizeS": "_sizeS_n3nw5f_13",
5
+ "sizeM": "_sizeM_n3nw5f_16",
6
+ "sizeL": "_sizeL_n3nw5f_19",
7
+ "classic": "_classic_n3nw5f_23",
8
+ "rock": "_rock_n3nw5f_26",
9
+ "main": "_main_n3nw5f_30",
10
+ "disabled": "_disabled_n3nw5f_57",
11
+ "slider": "_slider_n3nw5f_63"
12
12
  };
13
13
  export { styles as default };
package/package.json CHANGED
@@ -1,10 +1,16 @@
1
1
  {
2
2
  "name": "@rescui/toggle",
3
- "version": "0.3.11",
3
+ "version": "0.3.13-RUI-229-Mark-packages-as-ES-modules-62bc27a1.2+62bc27a1",
4
4
  "description": "Toggle is a control that allows you to turn elements on and off instantly",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
7
7
  "main": "lib/index.js",
8
+ "exports": {
9
+ ".": {
10
+ "import": "./lib/index.js"
11
+ },
12
+ "./*": "./*"
13
+ },
8
14
  "src:main": "src/index.ts",
9
15
  "files": [
10
16
  "lib",
@@ -15,7 +21,7 @@
15
21
  },
16
22
  "dependencies": {
17
23
  "@babel/runtime-corejs3": "^7.26.0",
18
- "@rescui/menu": "^0.10.11",
24
+ "@rescui/menu": "0.10.13-RUI-229-Mark-packages-as-ES-modules-62bc27a1.2+62bc27a1",
19
25
  "classnames": "^2.2.6"
20
26
  },
21
27
  "peerDependencies": {
@@ -24,9 +30,9 @@
24
30
  "react": ">=16.8.0 <19"
25
31
  },
26
32
  "devDependencies": {
27
- "@rescui/colors": "^0.2.6",
28
- "@rescui/scripts": "^0.3.5",
29
- "@rescui/visual-regression": "^0.1.2",
33
+ "@rescui/colors": "0.2.7-RUI-229-Mark-packages-as-ES-modules-62bc27a1.26+62bc27a1",
34
+ "@rescui/scripts": "0.3.5",
35
+ "@rescui/visual-regression": "0.1.2",
30
36
  "@types/classnames": "^2.2.11"
31
37
  },
32
38
  "scripts": {
@@ -34,5 +40,5 @@
34
40
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
35
41
  },
36
42
  "nx": {},
37
- "gitHead": "5531e3d285d6e38bf5536ff0690a252f1308c49b"
43
+ "gitHead": "62bc27a12c78adf2a930b830aeaec251ecfe93fa"
38
44
  }