@itcase/ui 1.8.134 → 1.8.136

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 (27) hide show
  1. package/dist/cjs/components/Modal.js +2 -2
  2. package/dist/cjs/components/Pagination.js +8 -5
  3. package/dist/components/Modal.js +2 -2
  4. package/dist/components/Pagination.js +8 -5
  5. package/dist/css/components/Checkbox/Checkbox.css +137 -310
  6. package/dist/css/components/Icon/Icon.css +76 -139
  7. package/dist/css/components/Modal/Modal.css +11 -1
  8. package/dist/css/components/Radio/Radio.css +141 -312
  9. package/dist/css/styles/blur/blur.css +3 -3
  10. package/dist/css/styles/border-color/border-color.css +92 -0
  11. package/dist/css/styles/bundle.css +268 -592
  12. package/dist/css/styles/fill/fill.css +156 -36
  13. package/dist/css/styles/text-color/text-color.css +55 -0
  14. package/dist/css/styles/text-gradient/text-gradient.css +1 -2
  15. package/dist/types/components/Accordion/Accordion.interface.d.ts +1 -1
  16. package/package.json +2 -2
  17. package/dist/css/styles/border-color/border-color_active.css +0 -45
  18. package/dist/css/styles/border-color/border-color_active_hover.css +0 -49
  19. package/dist/css/styles/border-color/border-color_focus.css +0 -51
  20. package/dist/css/styles/border-color/border-color_hover.css +0 -63
  21. package/dist/css/styles/fill/fill_active.css +0 -50
  22. package/dist/css/styles/fill/fill_active_hover.css +0 -119
  23. package/dist/css/styles/fill/fill_hover.css +0 -89
  24. package/dist/css/styles/text-color/text-color_active.css +0 -38
  25. package/dist/css/styles/text-color/text-color_active_hover.css +0 -45
  26. package/dist/css/styles/text-color/text-color_disabled.css +0 -13
  27. package/dist/css/styles/text-color/text-color_hover.css +0 -28
package/dist/css/styles/fill/fill_active_hover.css DELETED
@@ -1,119 +0,0 @@
1
- @each $selector in div, button, input, textarea {
2
- .fill,
3
- $(selector).fill {
4
- &_active {
5
- &_hover {
6
- &_none {
7
- background-color: transparent;
8
- }
9
- @each $type in accent, primary, secondary, surface, error, warning,
10
- success, danger, info, disabled {
11
- @each $color in primary, secondary, tertiary, quaternary {
12
- /* @each $alpha in 10, 20, 30, 40, 50, 60, 70, 80, 90, 100 { */
13
- &_$(type) {
14
- &-item {
15
- &-$(color) {
16
- &:hover {
17
- background: var(--color-$(type)-item-$(color));
18
- }
19
-
20
- /* &$(alpha) {
21
- &:hover {
22
- background: var(--color-$(type)-item-$(color)-$(alpha));
23
- }
24
- } */
25
- &-hover {
26
- &:hover {
27
- background: var(--color-$(type)-item-$(color)-hover);
28
- }
29
-
30
- /* &$(alpha) {
31
- &:hover {
32
- background: var(
33
- --color-$(type)-item-$(color)-$(alpha)-hover
34
- );
35
- }
36
- } */
37
- &-active {
38
- &:hover {
39
- background: var(
40
- --color-$(type)-item-$(color)-active-hover
41
- );
42
- }
43
-
44
- /* &$(alpha) {
45
- &:hover {
46
- background: var(
47
- --color-$(type)-item-$(color)-$(alpha)-active-hover
48
- );
49
- }
50
- } */
51
- }
52
- }
53
- }
54
- }
55
- &-$(color) {
56
- &:hover {
57
- background: var(--color-$(type)-fill-$(color));
58
- }
59
- &-hover {
60
- &:hover {
61
- background: var(--color-$(type)-fill-$(color)-hover);
62
- }
63
- &-active {
64
- &:hover {
65
- background: var(
66
- --color-$(type)-fill-$(color)-active-hover
67
- );
68
- }
69
- }
70
- }
71
- &-active {
72
- &:hover {
73
- background: var(--color-$(type)-fill-$(color)-active);
74
- }
75
- }
76
- }
77
- &-hover {
78
- &-$(color) {
79
- &:hover {
80
- background: var(--color-$(type)-fill-hover-$(color));
81
- }
82
- }
83
- }
84
- }
85
-
86
- /* } */
87
- }
88
- }
89
- @each $palette in red, neon-pink, electric-pink, hibiscus, pink,
90
- pink-citrus, pomegranate, dragon-fruit, camellia, red-rose, plum,
91
- orange, clementine, apricot, papaya, kumquat, light-orange, peach,
92
- flamingo, rose-gold, pink-sand, vintage-rose, grapefruit, cream,
93
- mellow-yellow, canary-yellow, pollen, flash-light, lemon-cream, flash,
94
- dark-green, green, spearmint, mint, beryl, sea-foam, turquoise, blue,
95
- light-blue, cerulean, surf-blue, pacific-green, blue-cobalt,
96
- dark-teal, blue-horizon, denim-blue, linen-blue, deep-navy,
97
- midnight-blue, purple, ultra-violet, lilac, ocean-blue, delft-blue,
98
- indigo, lavender-gray, lavender, mist-blue, storm-gray, cactus,
99
- pine-green, cyprus-green, northern-blue, azure, alaskan-blue, khaki,
100
- dark-olive, soft-white, antique-white, yellow-gold, gold, camel,
101
- walnut, stone, pebble, cocoa, coastal-gray, white, black, alto,
102
- athens-gray, sonic-silver {
103
- &_$(palette) {
104
- &:hover {
105
- background: var(--color-palette-$(palette));
106
- }
107
- &-item {
108
- &_$(palette) {
109
- &:hover {
110
- background: var(--color-palette-$(palette));
111
- }
112
- }
113
- }
114
- }
115
- }
116
- }
117
- }
118
- }
119
- }
package/dist/css/styles/fill/fill_hover.css DELETED
@@ -1,89 +0,0 @@
1
- @each $selector in div, button, input, textarea {
2
- .fill,
3
- $(selector).fill {
4
- &_hover {
5
- &_none {
6
- background-color: transparent;
7
- }
8
- @each $type in accent, primary, secondary, surface, error, warning,
9
- success, danger, info, disabled {
10
- @each $color in primary, secondary, tertiary, quaternary {
11
- /* @each $alpha in 10, 20, 30, 40, 50, 60, 70, 80, 90, 100 { */
12
- &_$(type) {
13
- &-item {
14
- &-$(color) {
15
- &:hover {
16
- background: var(--color-$(type)-item-$(color));
17
- }
18
-
19
- /* &$(alpha) {
20
- &:hover {
21
- background: var(--color-$(type)-item-$(color)-$(alpha));
22
- }
23
- } */
24
- &-hover {
25
- &:hover {
26
- background: var(--color-$(type)-item-$(color)-hover);
27
- }
28
-
29
- /* &$(alpha) {
30
- &:hover {
31
- background: var(
32
- --color-$(type)-item-$(color)-$(alpha)-hover
33
- );
34
- }
35
- } */
36
- }
37
- }
38
- }
39
- &-$(color) {
40
- &:hover {
41
- background: var(--color-$(type)-fill-$(color));
42
- }
43
- &-hover {
44
- &:hover {
45
- background: var(--color-$(type)-fill-$(color)-hover);
46
- }
47
- }
48
- }
49
- &-hover {
50
- &-$(color) {
51
- &:hover {
52
- background: var(--color-$(type)-fill-hover-$(color));
53
- }
54
- }
55
- }
56
- }
57
-
58
- /* } */
59
- }
60
- }
61
- @each $palette in red, neon-pink, electric-pink, hibiscus, pink,
62
- pink-citrus, pomegranate, dragon-fruit, camellia, red-rose, plum,
63
- orange, clementine, apricot, papaya, kumquat, light-orange, peach,
64
- flamingo, rose-gold, pink-sand, vintage-rose, grapefruit, cream,
65
- mellow-yellow, canary-yellow, pollen, flash-light, lemon-cream, flash,
66
- dark-green, green, spearmint, mint, beryl, sea-foam, turquoise, blue,
67
- light-blue, cerulean, surf-blue, pacific-green, blue-cobalt, dark-teal,
68
- blue-horizon, denim-blue, linen-blue, deep-navy, midnight-blue, purple,
69
- ultra-violet, lilac, ocean-blue, delft-blue, indigo, lavender-gray,
70
- lavender, mist-blue, storm-gray, cactus, pine-green, cyprus-green,
71
- northern-blue, azure, alaskan-blue, khaki, dark-olive, soft-white,
72
- antique-white, yellow-gold, gold, camel, walnut, stone, pebble, cocoa,
73
- coastal-gray, white, black, alto, athens-gray, sonic-silver {
74
- &_$(palette) {
75
- &:hover {
76
- background: var(--color-palette-$(palette));
77
- }
78
- &-item {
79
- &_$(palette) {
80
- &:hover {
81
- background: var(--color-palette-$(palette));
82
- }
83
- }
84
- }
85
- }
86
- }
87
- }
88
- }
89
- }
package/dist/css/styles/text-color/text-color_active.css DELETED
@@ -1,38 +0,0 @@
1
- .text {
2
- &&-color {
3
- &_active {
4
- &_none {
5
- color: transparent;
6
- }
7
- @each $type in accent, primary, secondary, surface, error, warning,
8
- success, danger, info, disabled {
9
- @each $color in primary, secondary, tertiary, quaternary {
10
- &_$(type) {
11
- &-text {
12
- &-$(color) {
13
- color: var(--color-$(type)-text-$(color));
14
- }
15
- }
16
- }
17
- }
18
- }
19
- @each $palette in red, neon-pink, electric-pink, hibiscus, pink,
20
- pink-citrus, pomegranate, dragon-fruit, camellia, red-rose, plum,
21
- orange, clementine, apricot, papaya, kumquat, light-orange, peach,
22
- flamingo, rose-gold, pink-sand, vintage-rose, grapefruit, cream,
23
- mellow-yellow, canary-yellow, pollen, flash-light, lemon-cream, flash,
24
- dark-green, green, spearmint, mint, beryl, sea-foam, turquoise, blue,
25
- light-blue, cerulean, surf-blue, pacific-green, blue-cobalt, dark-teal,
26
- blue-horizon, denim-blue, linen-blue, deep-navy, midnight-blue, purple,
27
- ultra-violet, lilac, ocean-blue, delft-blue, indigo, lavender-gray,
28
- lavender, mist-blue, storm-gray, cactus, pine-green, cyprus-green,
29
- northern-blue, azure, alaskan-blue, khaki, dark-olive, soft-white,
30
- antique-white, yellow-gold, gold, camel, walnut, stone, pebble, cocoa,
31
- coastal-gray, white, black, alto, athens-gray, sonic-silver {
32
- &_$(palette) {
33
- color: var(--color-palette-$(palette));
34
- }
35
- }
36
- }
37
- }
38
- }
package/dist/css/styles/text-color/text-color_active_hover.css DELETED
@@ -1,45 +0,0 @@
1
- .text {
2
- &&-color {
3
- &_active {
4
- &_hover {
5
- &_none {
6
- color: transparent;
7
- }
8
- @each $type in accent, primary, secondary, surface, error, warning,
9
- success, danger, info, disabled {
10
- @each $color in primary, secondary, tertiary, quaternary {
11
- &_$(type) {
12
- &-text {
13
- &-$(color) {
14
- &:hover {
15
- color: var(--color-$(type)-text-$(color));
16
- }
17
- }
18
- }
19
- }
20
- }
21
- }
22
- @each $palette in red, neon-pink, electric-pink, hibiscus, pink,
23
- pink-citrus, pomegranate, dragon-fruit, camellia, red-rose, plum,
24
- orange, clementine, apricot, papaya, kumquat, light-orange, peach,
25
- flamingo, rose-gold, pink-sand, vintage-rose, grapefruit, cream,
26
- mellow-yellow, canary-yellow, pollen, flash-light, lemon-cream, flash,
27
- dark-green, green, spearmint, mint, beryl, sea-foam, turquoise, blue,
28
- light-blue, cerulean, surf-blue, pacific-green, blue-cobalt,
29
- dark-teal, blue-horizon, denim-blue, linen-blue, deep-navy,
30
- midnight-blue, purple, ultra-violet, lilac, ocean-blue, delft-blue,
31
- indigo, lavender-gray, lavender, mist-blue, storm-gray, cactus,
32
- pine-green, cyprus-green, northern-blue, azure, alaskan-blue, khaki,
33
- dark-olive, soft-white, antique-white, yellow-gold, gold, camel,
34
- walnut, stone, pebble, cocoa, coastal-gray, white, black, alto,
35
- athens-gray, sonic-silver {
36
- &_$(palette) {
37
- &:hover {
38
- color: var(--color-palette-$(palette));
39
- }
40
- }
41
- }
42
- }
43
- }
44
- }
45
- }
package/dist/css/styles/text-color/text-color_disabled.css DELETED
@@ -1,13 +0,0 @@
1
- .text {
2
- &&-color {
3
- &_disabled {
4
- &-text {
5
- @each $color in primary, secondary, tertiary, quaternary {
6
- &-$(color) {
7
- color: var(--color-disabled-text-$(color));
8
- }
9
- }
10
- }
11
- }
12
- }
13
- }
package/dist/css/styles/text-color/text-color_hover.css DELETED
@@ -1,28 +0,0 @@
1
- .text {
2
- &&-color {
3
- &_hover {
4
- &_none {
5
- color: transparent;
6
- }
7
- @each $type in accent, primary, secondary, surface, error, warning,
8
- success, danger, info, disabled {
9
- @each $color in primary, secondary, tertiary, quaternary {
10
- &_$(type) {
11
- &-text {
12
- &-$(color) {
13
- &:hover {
14
- color: var(--color-$(type)-text-$(color));
15
- }
16
- &-hover {
17
- &:hover {
18
- color: var(--color-$(type)-text-$(color)-hover);
19
- }
20
- }
21
- }
22
- }
23
- }
24
- }
25
- }
26
- }
27
- }
28
- }