ui-theme-igc-effect 1.0.10 → 1.0.12

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 (23) hide show
  1. package/dist/themes/igcEffect/Theme.css +32 -32
  2. package/dist/themes/igcEffect/_color/Theme_color_igcEffectCustom.css +13 -12
  3. package/dist/themes/igcEffect/_color/Theme_color_igcEffectDark.css +112 -112
  4. package/dist/themes/igcEffect/_color/Theme_color_igcEffectDefault.css +110 -110
  5. package/dist/themes/igcEffect/_component/Theme_component_igcEffectButton.css +15 -15
  6. package/dist/themes/igcEffect/_component/Theme_component_igcEffectCheckbox.css +35 -35
  7. package/dist/themes/igcEffect/_component/Theme_component_igcEffectCommon.css +24 -24
  8. package/dist/themes/igcEffect/_component/Theme_component_igcEffectDatePicker.css +3 -3
  9. package/dist/themes/igcEffect/_component/Theme_component_igcEffectRctable.css +50 -50
  10. package/dist/themes/igcEffect/_component/Theme_component_igcEffectSelect.css +104 -104
  11. package/dist/themes/igcEffect/_component/Theme_component_igcEffectSwitch.css +10 -10
  12. package/dist/themes/igcEffect/_component/Theme_component_igcEffectTextField.css +18 -18
  13. package/dist/themes/igcEffect/_component/Theme_component_igcEffectTooltip.css +5 -0
  14. package/dist/themes/igcEffect/_control/Theme_control_igcEffect.css +19 -19
  15. package/dist/themes/igcEffect/_font/Theme_font_igcEffect.css +107 -107
  16. package/dist/themes/igcEffect/_shadow/Theme_shadow_igcEffect.css +8 -8
  17. package/dist/themes/igcEffect/_size/Theme_size_igcEffect.css +27 -27
  18. package/dist/themes/igcEffect/_space/Theme_space_igcEffect.css +14 -14
  19. package/dist/themes/igcEffect/presets/presetIgcEffectDark.d.ts +1 -0
  20. package/dist/themes/igcEffect/presets/presetIgcEffectDark.js +1 -0
  21. package/dist/themes/igcEffect/presets/presetIgcEffectDefault.d.ts +1 -0
  22. package/dist/themes/igcEffect/presets/presetIgcEffectDefault.js +1 -0
  23. package/package.json +36 -36
package/dist/themes/igcEffect/_component/Theme_component_igcEffectCommon.css CHANGED
@@ -1,24 +1,24 @@
1
- * {
2
- margin: 0;
3
- padding: 0;
4
- box-sizing: border-box;
5
- font-weight: 500;
6
- }
7
-
8
- .Theme_control_igcEffect .MixFocus:not(.MixFocus_before):focus,
9
- .Theme_control_igcEffect .MixFocus:not(.MixFocus_before):focus:hover {
10
- box-shadow: none;
11
- }
12
-
13
- .Theme_control_igcEffect *::-webkit-scrollbar-track {
14
- background: var(--color-gray-100);
15
- }
16
-
17
- .Theme_control_igcEffect *::-webkit-scrollbar-thumb {
18
- background: var(--color-gray-200);
19
- cursor: pointer;
20
- }
21
-
22
- .Theme_control_igcEffect *::-webkit-scrollbar-thumb:hover {
23
- background: var(--color-gray-200);
24
- }
1
+ * {
2
+ margin: 0;
3
+ padding: 0;
4
+ box-sizing: border-box;
5
+ font-weight: 500;
6
+ }
7
+
8
+ .Theme_control_igcEffect .MixFocus:not(.MixFocus_before):focus,
9
+ .Theme_control_igcEffect .MixFocus:not(.MixFocus_before):focus:hover {
10
+ box-shadow: none;
11
+ }
12
+
13
+ .Theme_control_igcEffect *::-webkit-scrollbar-track {
14
+ background: var(--color-gray-100);
15
+ }
16
+
17
+ .Theme_control_igcEffect *::-webkit-scrollbar-thumb {
18
+ background: var(--color-gray-200);
19
+ cursor: pointer;
20
+ }
21
+
22
+ .Theme_control_igcEffect *::-webkit-scrollbar-thumb:hover {
23
+ background: var(--color-gray-200);
24
+ }
package/dist/themes/igcEffect/_component/Theme_component_igcEffectDatePicker.css CHANGED
@@ -1,3 +1,3 @@
1
- .Theme_control_igcEffect.DatePickerDropdown {
2
- --color-control-typo-disable: rgba(26, 27, 38, 0.3);
3
- }
1
+ .Theme_control_igcEffect.DatePickerDropdown {
2
+ --color-control-typo-disable: rgba(26, 27, 38, 0.3);
3
+ }
package/dist/themes/igcEffect/_component/Theme_component_igcEffectRctable.css CHANGED
@@ -1,50 +1,50 @@
1
- .Theme_control_igcEffect .rcta--RcTable-cell {
2
- font-weight: 500;
3
- padding: 8px;
4
- }
5
-
6
- .Theme_control_igcEffect .rcta--RcTable-thead .rcta--RcTable-cell {
7
- padding: 4px 8px;
8
- }
9
-
10
- .Theme_control_igcEffect .rcta--RcTable thead > tr:last-child > * {
11
- border-bottom: 0px;
12
- }
13
-
14
- .Theme_control_igcEffect
15
- .rcta--RcTable
16
- tbody
17
- > tr:not(.rcta--RcTable-placeholder):hover {
18
- background-color: var(--color-bg-default);
19
- }
20
-
21
- .Theme_control_igcEffect
22
- .rcta--RcTable
23
- tbody
24
- > tr:not(.rcta--RcTable-placeholder):hover
25
- .rcta--RcTable-cell-fix-left:before,
26
- .Theme_control_igcEffect
27
- .rcta--RcTable
28
- tbody
29
- > tr:not(.rcta--RcTable-placeholder):hover
30
- .rcta--RcTable-cell-fix-right:before {
31
- background-color: var(--color-bg-default);
32
- }
33
-
34
- .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar {
35
- width: 16px;
36
- }
37
-
38
- .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-track {
39
- background: var(--color-gray-100);
40
- border-left: 8px var(--color-bg-default) solid;
41
- }
42
-
43
- .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-thumb {
44
- background: var(--color-gray-200);
45
- border-left: 8px var(--color-bg-default) solid;
46
- }
47
-
48
- .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-thumb:hover {
49
- background-color: var(--color-gray-200);
50
- }
1
+ .Theme_control_igcEffect .rcta--RcTable-cell {
2
+ font-weight: 500;
3
+ padding: 8px;
4
+ }
5
+
6
+ .Theme_control_igcEffect .rcta--RcTable-thead .rcta--RcTable-cell {
7
+ padding: 4px 8px;
8
+ }
9
+
10
+ .Theme_control_igcEffect .rcta--RcTable thead > tr:last-child > * {
11
+ border-bottom: 0px;
12
+ }
13
+
14
+ .Theme_control_igcEffect
15
+ .rcta--RcTable
16
+ tbody
17
+ > tr:not(.rcta--RcTable-placeholder):hover {
18
+ background-color: var(--color-bg-default);
19
+ }
20
+
21
+ .Theme_control_igcEffect
22
+ .rcta--RcTable
23
+ tbody
24
+ > tr:not(.rcta--RcTable-placeholder):hover
25
+ .rcta--RcTable-cell-fix-left:before,
26
+ .Theme_control_igcEffect
27
+ .rcta--RcTable
28
+ tbody
29
+ > tr:not(.rcta--RcTable-placeholder):hover
30
+ .rcta--RcTable-cell-fix-right:before {
31
+ background-color: var(--color-bg-default);
32
+ }
33
+
34
+ .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar {
35
+ width: 16px;
36
+ }
37
+
38
+ .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-track {
39
+ background: var(--color-gray-100);
40
+ border-left: 8px var(--color-bg-default) solid;
41
+ }
42
+
43
+ .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-thumb {
44
+ background: var(--color-gray-200);
45
+ border-left: 8px var(--color-bg-default) solid;
46
+ }
47
+
48
+ .Theme_control_igcEffect .rcta--RcTable *::-webkit-scrollbar-thumb:hover {
49
+ background-color: var(--color-gray-200);
50
+ }
package/dist/themes/igcEffect/_component/Theme_component_igcEffectSelect.css CHANGED
@@ -1,104 +1,104 @@
1
- .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar,
2
- .Theme_control_igcEffect.deprecated--SelectDropdown *::-webkit-scrollbar {
3
- width: 24px;
4
- }
5
-
6
- .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar-track,
7
- .Theme_control_igcEffect.deprecated--SelectDropdown *::-webkit-scrollbar-track {
8
- background: var(--color-bg-secondary);
9
- border-left: 8px var(--color-bg-default) solid;
10
- border-right: 8px var(--color-bg-default) solid;
11
- margin: 8px;
12
- }
13
-
14
- .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar-thumb,
15
- .Theme_control_igcEffect.deprecated--SelectDropdown *::-webkit-scrollbar-thumb {
16
- background: var(--color-gray-100);
17
- border-left: 8px var(--color-bg-default) solid;
18
- border-right: 8px var(--color-bg-default) solid;
19
- }
20
-
21
- .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar-thumb:hover,
22
- .Theme_control_igcEffect.deprecated--SelectDropdown
23
- *::-webkit-scrollbar-thumb:hover {
24
- background-color: var(--color-gray-100);
25
- }
26
-
27
- .Theme_control_igcEffect.SelectDropdown,
28
- .Theme_control_igcEffect.deprecated--SelectDropdown {
29
- min-width: 178px;
30
- border-radius: 0px;
31
- border: none;
32
- }
33
-
34
- .Theme_control_igcEffect .SelectDropdown-List,
35
- .Theme_control_igcEffect .deprecated--SelectDropdown-List {
36
- padding-top: 0px;
37
- }
38
-
39
- .Theme_control_igcEffect .SelectDropdown-List .ListItem,
40
- .Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem {
41
- padding-top: 8px;
42
- padding-bottom: 8px;
43
- padding-left: 16px;
44
- padding-right: 16px;
45
- line-height: var(--line-height-text-m);
46
- }
47
-
48
- .Theme_control_igcEffect.SelectDropdown-List .ListItemGrid-Slot,
49
- .Theme_control_igcEffect.deprecated--SelectDropdown-List .ListItemGrid-Slot {
50
- line-height: var(--line-height-text-m);
51
- }
52
-
53
- .Theme_control_igcEffect .Select .Select-IndicatorsDropdown,
54
- .Theme_control_igcEffect
55
- .deprecated--Select
56
- .deprecated--Select-IndicatorsDropdown {
57
- color: var(--color-control-bg-primary);
58
- }
59
-
60
- .Theme_control_igcEffect .Select-SelectContainer_status_alert,
61
- .Theme_control_igcEffect .deprecated--Select-SelectContainer_status_alert {
62
- --container-border-color: var(--color-typo-alert);
63
- }
64
-
65
- .Theme_control_igcEffect .Select-SelectContainer_status_warning,
66
- .Theme_control_igcEffect .deprecated--Select-SelectContainer_status_warning {
67
- --container-border-color: var(--color-typo-warning);
68
- }
69
-
70
- .Theme_control_igcEffect .Select-Delimiter,
71
- .Theme_control_igcEffect .deprecated--Select-Delimiter {
72
- display: none;
73
- }
74
-
75
- .Theme_control_igcEffect .Select-SelectContainer_view_default .Select-Control,
76
- .Theme_control_igcEffect
77
- .deprecated--Select-SelectContainer_view_default
78
- .deprecated--Select-Control {
79
- padding-left: 8px;
80
- padding-right: 8px;
81
- }
82
-
83
- .Theme_control_igcEffect .Select-ClearIndicator,
84
- .Theme_control_igcEffect .deprecated--Select-ClearIndicator {
85
- height: 100%;
86
- padding: 0;
87
- }
88
-
89
- .Theme_control_igcEffect .Select-ClearIndicator .IconClear svg,
90
- .Theme_control_igcEffect .deprecated--Select-ClearIndicator .IconClear svg {
91
- display: none;
92
- }
93
-
94
- .Theme_control_igcEffect .Select-ClearIndicator .IconClear:before,
95
- .Theme_control_igcEffect .deprecated--Select-ClearIndicator .IconClear:before {
96
- width: 12px;
97
- height: 12px;
98
- content: url('data:image/svg+xml,%3Csvg viewBox%3D%220 0 12 12%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 fill%3D%22%233521FF%22%3E%0D %3Cpath d%3D%22m2.164 9.156.686.694L6 6.7l3.15 3.15.7-.7L6.7 6l3.15-3.15-.707-.707L6 5.3 2.85 2.15l-.701.699 3.152 3.152-3.138 3.154z%22%3E%0D %3C%2Fpath%3E%0D%3C%2Fsvg%3E');
99
- }
100
-
101
- .Theme_control_igcEffect .Select-ClearIndicatorIcon,
102
- .Theme_control_igcEffect .deprecated--Select-ClearIndicatorIcon {
103
- top: -0.5px;
104
- }
1
+ .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar,
2
+ .Theme_control_igcEffect.deprecated--SelectDropdown *::-webkit-scrollbar {
3
+ width: 24px;
4
+ }
5
+
6
+ .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar-track,
7
+ .Theme_control_igcEffect.deprecated--SelectDropdown *::-webkit-scrollbar-track {
8
+ background: var(--color-bg-secondary);
9
+ border-left: 8px var(--color-bg-default) solid;
10
+ border-right: 8px var(--color-bg-default) solid;
11
+ margin: 8px;
12
+ }
13
+
14
+ .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar-thumb,
15
+ .Theme_control_igcEffect.deprecated--SelectDropdown *::-webkit-scrollbar-thumb {
16
+ background: var(--color-gray-100);
17
+ border-left: 8px var(--color-bg-default) solid;
18
+ border-right: 8px var(--color-bg-default) solid;
19
+ }
20
+
21
+ .Theme_control_igcEffect.SelectDropdown *::-webkit-scrollbar-thumb:hover,
22
+ .Theme_control_igcEffect.deprecated--SelectDropdown
23
+ *::-webkit-scrollbar-thumb:hover {
24
+ background-color: var(--color-gray-100);
25
+ }
26
+
27
+ .Theme_control_igcEffect.SelectDropdown,
28
+ .Theme_control_igcEffect.deprecated--SelectDropdown {
29
+ min-width: 178px;
30
+ border-radius: 0px;
31
+ border: none;
32
+ }
33
+
34
+ .Theme_control_igcEffect .SelectDropdown-List,
35
+ .Theme_control_igcEffect .deprecated--SelectDropdown-List {
36
+ padding-top: 0px;
37
+ }
38
+
39
+ .Theme_control_igcEffect .SelectDropdown-List .ListItem,
40
+ .Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem {
41
+ padding-top: 8px;
42
+ padding-bottom: 8px;
43
+ padding-left: 16px;
44
+ padding-right: 16px;
45
+ line-height: var(--line-height-text-m);
46
+ }
47
+
48
+ .Theme_control_igcEffect.SelectDropdown-List .ListItemGrid-Slot,
49
+ .Theme_control_igcEffect.deprecated--SelectDropdown-List .ListItemGrid-Slot {
50
+ line-height: var(--line-height-text-m);
51
+ }
52
+
53
+ .Theme_control_igcEffect .Select .Select-IndicatorsDropdown,
54
+ .Theme_control_igcEffect
55
+ .deprecated--Select
56
+ .deprecated--Select-IndicatorsDropdown {
57
+ color: var(--color-control-bg-primary);
58
+ }
59
+
60
+ .Theme_control_igcEffect .Select-SelectContainer_status_alert,
61
+ .Theme_control_igcEffect .deprecated--Select-SelectContainer_status_alert {
62
+ --container-border-color: var(--color-typo-alert);
63
+ }
64
+
65
+ .Theme_control_igcEffect .Select-SelectContainer_status_warning,
66
+ .Theme_control_igcEffect .deprecated--Select-SelectContainer_status_warning {
67
+ --container-border-color: var(--color-typo-warning);
68
+ }
69
+
70
+ .Theme_control_igcEffect .Select-Delimiter,
71
+ .Theme_control_igcEffect .deprecated--Select-Delimiter {
72
+ display: none;
73
+ }
74
+
75
+ .Theme_control_igcEffect .Select-SelectContainer_view_default .Select-Control,
76
+ .Theme_control_igcEffect
77
+ .deprecated--Select-SelectContainer_view_default
78
+ .deprecated--Select-Control {
79
+ padding-left: 8px;
80
+ padding-right: 8px;
81
+ }
82
+
83
+ .Theme_control_igcEffect .Select-ClearIndicator,
84
+ .Theme_control_igcEffect .deprecated--Select-ClearIndicator {
85
+ height: 100%;
86
+ padding: 0;
87
+ }
88
+
89
+ .Theme_control_igcEffect .Select-ClearIndicator .IconClear svg,
90
+ .Theme_control_igcEffect .deprecated--Select-ClearIndicator .IconClear svg {
91
+ display: none;
92
+ }
93
+
94
+ .Theme_control_igcEffect .Select-ClearIndicator .IconClear:before,
95
+ .Theme_control_igcEffect .deprecated--Select-ClearIndicator .IconClear:before {
96
+ width: 12px;
97
+ height: 12px;
98
+ content: url('data:image/svg+xml,%3Csvg viewBox%3D%220 0 12 12%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 fill%3D%22%233521FF%22%3E %3Cpath d%3D%22m2.164 9.156.686.694L6 6.7l3.15 3.15.7-.7L6.7 6l3.15-3.15-.707-.707L6 5.3 2.85 2.15l-.701.699 3.152 3.152-3.138 3.154z%22%3E %3C%2Fpath%3E%3C%2Fsvg%3E');
99
+ }
100
+
101
+ .Theme_control_igcEffect .Select-ClearIndicatorIcon,
102
+ .Theme_control_igcEffect .deprecated--Select-ClearIndicatorIcon {
103
+ top: -0.5px;
104
+ }
package/dist/themes/igcEffect/_component/Theme_component_igcEffectSwitch.css CHANGED
@@ -1,10 +1,10 @@
1
- .Theme_control_igcEffect .Switch_disabled .Switch-Input:disabled:checked {
2
- --background-color: var(--color-control-bg-primary);
3
- opacity: 0.4;
4
- --content-color: var(--color-control-typo-primary);
5
- }
6
-
7
- .Theme_control_igcEffect .Switch_disabled .Switch-Input:disabled:not(:checked) {
8
- --background-color: var(--color-control-bg-disable);
9
- --content-color: var(--color-control-typo-primary);
10
- }
1
+ .Theme_control_igcEffect .Switch_disabled .Switch-Input:disabled:checked {
2
+ --background-color: var(--color-control-bg-primary);
3
+ opacity: 0.4;
4
+ --content-color: var(--color-control-typo-primary);
5
+ }
6
+
7
+ .Theme_control_igcEffect .Switch_disabled .Switch-Input:disabled:not(:checked) {
8
+ --background-color: var(--color-control-bg-disable);
9
+ --content-color: var(--color-control-typo-primary);
10
+ }
package/dist/themes/igcEffect/_component/Theme_component_igcEffectTextField.css CHANGED
@@ -1,18 +1,18 @@
1
- .Theme_control_igcEffect .TextField-Input::placeholder {
2
- color: var(--color-control-typo-placeholder);
3
- }
4
-
5
- .Theme_control_igcEffect
6
- .TextField-InputContainer.TextField-InputContainer_status_alert {
7
- --container-border-color: var(--color-typo-alert);
8
- }
9
-
10
- .Theme_control_igcEffect
11
- .TextField-InputContainer.TextField-InputContainer_status_warning {
12
- --container-border-color: var(--color-typo-warning);
13
- }
14
-
15
- .Theme_control_igcEffect .TextField-InputContainer_view_default {
16
- padding-left: 16px;
17
- padding-right: 16px;
18
- }
1
+ .Theme_control_igcEffect .TextField-Input::placeholder {
2
+ color: var(--color-control-typo-placeholder);
3
+ }
4
+
5
+ .Theme_control_igcEffect
6
+ .TextField-InputContainer.TextField-InputContainer_status_alert {
7
+ --container-border-color: var(--color-typo-alert);
8
+ }
9
+
10
+ .Theme_control_igcEffect
11
+ .TextField-InputContainer.TextField-InputContainer_status_warning {
12
+ --container-border-color: var(--color-typo-warning);
13
+ }
14
+
15
+ .Theme_control_igcEffect .TextField-InputContainer_view_default {
16
+ padding-left: 16px;
17
+ padding-right: 16px;
18
+ }
package/dist/themes/igcEffect/_component/Theme_component_igcEffectTooltip.css ADDED
@@ -0,0 +1,5 @@
1
+ .Theme_control_igcEffect.Tooltip {
2
+ --tooltip-bg-color: var(--color-control-typo-primary);
3
+ --shadow-layer: 0px 0px 1px var(--color-shadow-layer-1),
4
+ 0px 4px 8px var(--color-shadow-layer-1);
5
+ }
package/dist/themes/igcEffect/_control/Theme_control_igcEffect.css CHANGED
@@ -1,19 +1,19 @@
1
- .Theme_control_igcEffect {
2
- --control-radius: 4px;
3
- --control-border-width: 1px;
4
- --control-height-l: var(--space-4xl);
5
- --control-height-m: var(--space-3xl);
6
- --control-height-s: var(--space-2xl);
7
- --control-height-xs: var(--space-xl);
8
- --control-box-size-s: var(--space-s);
9
- --control-box-size-m: var(--space-m);
10
- --control-box-size-l: var(--space-l);
11
- --control-space-l: var(--space-xl);
12
- --control-space-m: var(--space-l);
13
- --control-space-s: var(--space-m);
14
- --control-space-xs: var(--space-s);
15
- --control-text-size-l: var(--size-text-l);
16
- --control-text-size-m: var(--size-text-m);
17
- --control-text-size-s: var(--size-text-s);
18
- --control-text-size-xs: var(--size-text-xs);
19
- }
1
+ .Theme_control_igcEffect {
2
+ --control-radius: 4px;
3
+ --control-border-width: 1px;
4
+ --control-height-l: var(--space-4xl);
5
+ --control-height-m: var(--space-3xl);
6
+ --control-height-s: var(--space-2xl);
7
+ --control-height-xs: var(--space-xl);
8
+ --control-box-size-s: var(--space-s);
9
+ --control-box-size-m: var(--space-m);
10
+ --control-box-size-l: var(--space-l);
11
+ --control-space-l: var(--space-xl);
12
+ --control-space-m: var(--space-l);
13
+ --control-space-s: var(--space-m);
14
+ --control-space-xs: var(--space-s);
15
+ --control-text-size-l: var(--size-text-l);
16
+ --control-text-size-m: var(--size-text-m);
17
+ --control-text-size-s: var(--size-text-s);
18
+ --control-text-size-xs: var(--size-text-xs);
19
+ }