@snack-uikit/toggles 0.13.13 → 0.13.14-preview-3a05e8da.0

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 (8) hide show
  1. package/README.md +0 -66
  2. package/dist/cjs/components/Radio/styles.module.css +1 -1
  3. package/dist/cjs/components/Switch/styles.module.css +1 -1
  4. package/dist/esm/components/Radio/styles.module.css +1 -1
  5. package/dist/esm/components/Switch/styles.module.css +1 -1
  6. package/package.json +2 -2
  7. package/src/components/Radio/styles.module.scss +1 -1
  8. package/src/components/Switch/styles.module.scss +1 -1
package/README.md CHANGED
@@ -75,84 +75,18 @@ return (
75
75
  ### Props
76
76
  | name | type | default value | description |
77
77
  |------|------|---------------|-------------|
78
- | id | `string` | - | HTML-аттрибут id |
79
- | name | `string` | - | HTML-аттрибут name |
80
- | value | `string` | - | HTML-аттрибут value |
81
- | tabIndex | `number` | - | HTML-аттрибут tab-index |
82
- | autofocus | `boolean` | - | HTML-аттрибут autofocus |
83
- | checked | `boolean` | - | HTML-аттрибут checked |
84
- | defaultChecked | `boolean` | - | HTML-аттрибут checked по-умолчанию |
85
- | disabled | `boolean` | - | HTML-аттрибут disabled |
86
- | onChange | `(checked: boolean) => void` | - | Колбек смены значения |
87
- | onClick | `MouseEventHandler<HTMLInputElement>` | - | Колбек клика |
88
- | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек потери фокуса |
89
- | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек приобретения фокуса |
90
- | className | `string` | - | CSS-класс |
91
- | size | enum Size: `"s"`, `"m"` | m | Размер |
92
- | inputRef | `RefObject<HTMLInputElement>` | - | |
93
- | indeterminate | `boolean` | - | Состояние частичного выбора |
94
- | indeterminateDefault | `boolean` | - | Состояние частичного выбора по-умолчанию |
95
78
  ## Switch
96
79
  ### Props
97
80
  | name | type | default value | description |
98
81
  |------|------|---------------|-------------|
99
- | id | `string` | - | HTML-аттрибут id |
100
- | name | `string` | - | HTML-аттрибут name |
101
- | value | `string` | - | HTML-аттрибут value |
102
- | tabIndex | `number` | - | HTML-аттрибут tab-index |
103
- | autofocus | `boolean` | - | HTML-аттрибут autofocus |
104
- | checked | `boolean` | - | HTML-аттрибут checked |
105
- | defaultChecked | `boolean` | - | HTML-аттрибут checked по-умолчанию |
106
- | disabled | `boolean` | - | HTML-аттрибут disabled |
107
- | onChange | `(checked: boolean) => void` | - | Колбек смены значения |
108
- | onClick | `MouseEventHandler<HTMLInputElement>` | - | Колбек клика |
109
- | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек потери фокуса |
110
- | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек приобретения фокуса |
111
- | className | `string` | - | CSS-класс |
112
- | size | enum Size: `"s"`, `"m"` | m | Размер |
113
- | inputRef | `RefObject<HTMLInputElement>` | - | |
114
- | showIcon | `boolean` | - | Показывать ли иконку в переключателе |
115
- | loading | `boolean` | - | |
116
82
  ## Radio
117
83
  ### Props
118
84
  | name | type | default value | description |
119
85
  |------|------|---------------|-------------|
120
- | id | `string` | - | HTML-аттрибут id |
121
- | name | `string` | - | HTML-аттрибут name |
122
- | value | `string` | - | HTML-аттрибут value |
123
- | tabIndex | `number` | - | HTML-аттрибут tab-index |
124
- | autofocus | `boolean` | - | HTML-аттрибут autofocus |
125
- | checked | `boolean` | - | HTML-аттрибут checked |
126
- | defaultChecked | `boolean` | - | HTML-аттрибут checked по-умолчанию |
127
- | disabled | `boolean` | - | HTML-аттрибут disabled |
128
- | onChange | `(checked: boolean) => void` | - | Колбек смены значения |
129
- | onClick | `MouseEventHandler<HTMLInputElement>` | - | Колбек клика |
130
- | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек потери фокуса |
131
- | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек приобретения фокуса |
132
- | className | `string` | - | CSS-класс |
133
- | size | enum Size: `"s"`, `"m"` | - | Размер |
134
- | inputRef | `RefObject<HTMLInputElement>` | - | |
135
86
  ## Favorite
136
87
  ### Props
137
88
  | name | type | default value | description |
138
89
  |------|------|---------------|-------------|
139
- | id | `string` | - | HTML-аттрибут id |
140
- | name | `string` | - | HTML-аттрибут name |
141
- | value | `string` | - | HTML-аттрибут value |
142
- | tabIndex | `number` | - | HTML-аттрибут tab-index |
143
- | autofocus | `boolean` | - | HTML-аттрибут autofocus |
144
- | checked | `boolean` | - | HTML-аттрибут checked |
145
- | defaultChecked | `boolean` | - | HTML-аттрибут checked по-умолчанию |
146
- | disabled | `boolean` | - | HTML-аттрибут disabled |
147
- | onChange | `(checked: boolean) => void` | - | Колбек смены значения |
148
- | onClick | `MouseEventHandler<HTMLInputElement>` | - | Колбек клика |
149
- | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек потери фокуса |
150
- | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек приобретения фокуса |
151
- | className | `string` | - | CSS-класс |
152
- | size | enum Size: `"s"`, `"m"` | m | Размер |
153
- | inputRef | `RefObject<HTMLInputElement>` | - | |
154
- | icon | enum FavoriteIcon: `"star"`, `"heart"` | heart | Иконка |
155
- | onKeyUp | `KeyboardEventHandler<HTMLDivElement>` | - | Колбек нажатия клавиши клавиатуры |
156
90
  ## ToggleGroup
157
91
  ### Props
158
92
  | name | type | default value | description |
package/dist/cjs/components/Radio/styles.module.css CHANGED
@@ -59,7 +59,7 @@
59
59
  border-color:var(--sys-primary-accent-hovered, #6851a6);
60
60
  }
61
61
  .box[data-checked=true][data-disabled=true]{
62
- border-color:var(--sys-neutral-decor-default, #dde0ea);
62
+ border-color:var(--sys-neutral-text-disabled, #aaaebd);
63
63
  }
64
64
 
65
65
  .flag{
package/dist/cjs/components/Switch/styles.module.css CHANGED
@@ -51,7 +51,7 @@
51
51
  background-color:var(--sys-primary-accent-hovered, #6851a6);
52
52
  }
53
53
  .box[data-checked=true][data-disabled=true]{
54
- background-color:var(--sys-neutral-decor-default, #dde0ea);
54
+ background-color:var(--sys-neutral-text-disabled, #aaaebd);
55
55
  }
56
56
 
57
57
  .containerFlag{
package/dist/esm/components/Radio/styles.module.css CHANGED
@@ -59,7 +59,7 @@
59
59
  border-color:var(--sys-primary-accent-hovered, #6851a6);
60
60
  }
61
61
  .box[data-checked=true][data-disabled=true]{
62
- border-color:var(--sys-neutral-decor-default, #dde0ea);
62
+ border-color:var(--sys-neutral-text-disabled, #aaaebd);
63
63
  }
64
64
 
65
65
  .flag{
package/dist/esm/components/Switch/styles.module.css CHANGED
@@ -51,7 +51,7 @@
51
51
  background-color:var(--sys-primary-accent-hovered, #6851a6);
52
52
  }
53
53
  .box[data-checked=true][data-disabled=true]{
54
- background-color:var(--sys-neutral-decor-default, #dde0ea);
54
+ background-color:var(--sys-neutral-text-disabled, #aaaebd);
55
55
  }
56
56
 
57
57
  .containerFlag{
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Toggles",
7
- "version": "0.13.13",
7
+ "version": "0.13.14-preview-3a05e8da.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -42,5 +42,5 @@
42
42
  "merge-refs": "1.3.0",
43
43
  "uncontrollable": "8.0.4"
44
44
  },
45
- "gitHead": "e14c6ec6fbc59b086b7ed348403eb1bac740b9c3"
45
+ "gitHead": "5b932ce80bafe0986377ecd3bfbf3778a29d882e"
46
46
  }
package/src/components/Radio/styles.module.scss CHANGED
@@ -40,7 +40,7 @@
40
40
  }
41
41
 
42
42
  &[data-disabled=true] {
43
- border-color: styles-tokens-toggles.simple-var(styles-tokens-toggles.$theme-variables, 'sys', 'neutral', 'decor-default');
43
+ border-color: styles-tokens-toggles.simple-var(styles-tokens-toggles.$theme-variables, 'sys', 'neutral', 'text-disabled');
44
44
  }
45
45
  }
46
46
  }
package/src/components/Switch/styles.module.scss CHANGED
@@ -35,7 +35,7 @@ $switchAnimationDuration: 0.1s;
35
35
  }
36
36
 
37
37
  &[data-disabled='true'] {
38
- background-color: styles-tokens-toggles.simple-var(styles-tokens-toggles.$theme-variables, 'sys', 'neutral', 'decor-default');
38
+ background-color: styles-tokens-toggles.simple-var(styles-tokens-toggles.$theme-variables, 'sys', 'neutral', 'text-disabled');
39
39
  }
40
40
  }
41
41
  }