@clayui/css 3.40.1 → 3.44.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 (91) hide show
  1. package/lib/css/atlas.css +1369 -1347
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +1196 -1146
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css.map +1 -1
  6. package/lib/css/cadmin.css +1104 -1097
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/date-time.svg +12 -0
  9. package/lib/images/icons/filter.svg +1 -1
  10. package/lib/images/icons/icons.svg +1 -1
  11. package/package.json +2 -2
  12. package/src/images/icons/date-time.svg +12 -0
  13. package/src/images/icons/filter.svg +1 -1
  14. package/src/scss/_mixins.scss +2 -0
  15. package/src/scss/atlas/variables/_application-bar.scss +32 -12
  16. package/src/scss/atlas/variables/_buttons.scss +2 -31
  17. package/src/scss/atlas/variables/_forms.scss +33 -1
  18. package/src/scss/atlas/variables/_globals.scss +13 -0
  19. package/src/scss/atlas/variables/_management-bar.scss +53 -21
  20. package/src/scss/atlas/variables/_navigation-bar.scss +104 -18
  21. package/src/scss/atlas/variables/_navs.scss +20 -15
  22. package/src/scss/atlas/variables/_pagination.scss +2 -0
  23. package/src/scss/atlas/variables/_sidebar.scss +1 -1
  24. package/src/scss/cadmin/components/_dropdowns.scss +4 -0
  25. package/src/scss/cadmin/components/_form-validation.scss +10 -237
  26. package/src/scss/cadmin/components/_input-groups.scss +12 -312
  27. package/src/scss/cadmin/components/_navs.scss +35 -113
  28. package/src/scss/cadmin/components/_pagination.scss +20 -236
  29. package/src/scss/cadmin/components/_popovers.scss +31 -252
  30. package/src/scss/cadmin/components/_reboot.scss +1 -8
  31. package/src/scss/cadmin/components/_toggle-switch.scss +20 -358
  32. package/src/scss/cadmin/components/_tooltip.scss +29 -167
  33. package/src/scss/cadmin/components/_utilities-functional-important.scss +4 -3
  34. package/src/scss/cadmin/variables/_alerts.scss +3 -2
  35. package/src/scss/cadmin/variables/_dropdowns.scss +31 -2
  36. package/src/scss/cadmin/variables/_forms.scss +719 -7
  37. package/src/scss/cadmin/variables/_globals.scss +14 -0
  38. package/src/scss/cadmin/variables/_management-bar.scss +70 -30
  39. package/src/scss/cadmin/variables/_navigation-bar.scss +118 -22
  40. package/src/scss/cadmin/variables/_navs.scss +270 -53
  41. package/src/scss/cadmin/variables/_pagination.scss +274 -68
  42. package/src/scss/cadmin/variables/_popovers.scss +410 -0
  43. package/src/scss/cadmin/variables/_sidebar.scss +17 -5
  44. package/src/scss/cadmin/variables/_toggle-switch.scss +404 -1
  45. package/src/scss/cadmin/variables/_tooltip.scss +299 -0
  46. package/src/scss/components/_button-groups.scss +6 -6
  47. package/src/scss/components/_buttons.scss +87 -49
  48. package/src/scss/components/_cards.scss +16 -116
  49. package/src/scss/components/_dropdowns.scss +4 -0
  50. package/src/scss/components/_form-validation.scss +8 -237
  51. package/src/scss/components/_input-groups.scss +12 -308
  52. package/src/scss/components/_multi-step-nav.scss +12 -8
  53. package/src/scss/components/_navs.scss +45 -128
  54. package/src/scss/components/_pagination.scss +18 -234
  55. package/src/scss/components/_popovers.scss +30 -237
  56. package/src/scss/components/_reboot.scss +1 -8
  57. package/src/scss/components/_toggle-switch.scss +36 -351
  58. package/src/scss/components/_tooltip.scss +29 -164
  59. package/src/scss/functions/_global-functions.scss +18 -0
  60. package/src/scss/functions/_lx-icons-generated.scss +3 -1
  61. package/src/scss/mixins/_buttons.scss +674 -472
  62. package/src/scss/mixins/_cards.scss +746 -560
  63. package/src/scss/mixins/_close.scss +0 -1
  64. package/src/scss/mixins/_custom-forms.scss +442 -409
  65. package/src/scss/mixins/_dropdown-menu.scss +483 -406
  66. package/src/scss/mixins/_forms.scss +751 -260
  67. package/src/scss/mixins/_globals.scss +7 -0
  68. package/src/scss/mixins/_input-groups.scss +405 -11
  69. package/src/scss/mixins/_labels.scss +320 -296
  70. package/src/scss/mixins/_links.scss +645 -414
  71. package/src/scss/mixins/_nav.scss +202 -131
  72. package/src/scss/mixins/_navbar.scss +791 -140
  73. package/src/scss/mixins/_pagination.scss +422 -0
  74. package/src/scss/mixins/_popovers.scss +90 -0
  75. package/src/scss/mixins/_toggle-switch.scss +1140 -14
  76. package/src/scss/mixins/_tooltip.scss +70 -0
  77. package/src/scss/variables/_alerts.scss +1 -0
  78. package/src/scss/variables/_application-bar.scss +18 -6
  79. package/src/scss/variables/_buttons.scss +26 -3
  80. package/src/scss/variables/_cards.scss +273 -1
  81. package/src/scss/variables/_dropdowns.scss +31 -2
  82. package/src/scss/variables/_forms.scss +700 -23
  83. package/src/scss/variables/_globals.scss +13 -0
  84. package/src/scss/variables/_management-bar.scss +45 -12
  85. package/src/scss/variables/_navigation-bar.scss +95 -14
  86. package/src/scss/variables/_navs.scss +266 -33
  87. package/src/scss/variables/_pagination.scss +261 -61
  88. package/src/scss/variables/_popovers.scss +392 -0
  89. package/src/scss/variables/_sidebar.scss +17 -5
  90. package/src/scss/variables/_toggle-switch.scss +404 -5
  91. package/src/scss/variables/_tooltip.scss +299 -0
package/src/scss/cadmin/variables/_globals.scss CHANGED
@@ -568,6 +568,20 @@ $cadmin-link-decoration: none !default;
568
568
  $cadmin-link-hover-color: $cadmin-primary-d2 !default;
569
569
  $cadmin-link-hover-decoration: underline !default;
570
570
 
571
+ $cadmin-link: () !default;
572
+ $cadmin-link: map-deep-merge(
573
+ (
574
+ color: $cadmin-link-color,
575
+ cursor: $cadmin-link-cursor,
576
+ text-decoration: $cadmin-link-decoration,
577
+ hover: (
578
+ color: $cadmin-link-hover-color,
579
+ text-decoration: $cadmin-link-hover-decoration,
580
+ ),
581
+ ),
582
+ $cadmin-link
583
+ );
584
+
571
585
  // Darken percentage for links with `.text-*` class (e.g. `.text-success`)
572
586
 
573
587
  $cadmin-emphasized-link-hover-darken-percentage: 15% !default;
package/src/scss/cadmin/variables/_management-bar.scss CHANGED
@@ -1,11 +1,23 @@
1
1
  $cadmin-management-bar-base: () !default;
2
2
  $cadmin-management-bar-base: map-deep-merge(
3
3
  (
4
- link-border-radius: $cadmin-border-radius,
5
- link-outline: 0,
6
- link-transition: box-shadow 0.15s ease-in-out,
7
- link-focus-box-shadow: $cadmin-btn-focus-box-shadow,
8
- link-disabled-box-shadow: none,
4
+ border-color: transparent,
5
+ border-style: solid,
6
+ navbar-nav: (
7
+ nav-link: (
8
+ border-radius: $cadmin-border-radius,
9
+ outline: 0,
10
+ transition: box-shadow 0.15s ease-in-out,
11
+ focus: (
12
+ box-shadow: $cadmin-btn-focus-box-shadow,
13
+ ),
14
+ disabled: (
15
+ box-shadow: none,
16
+ ),
17
+ ),
18
+ ),
19
+ media-breakpoint-down: (),
20
+ media-breakpoint-up: (),
9
21
  ),
10
22
  $cadmin-management-bar-base
11
23
  );
@@ -39,18 +51,32 @@ $cadmin-management-bar-size: map-deep-merge(
39
51
  $cadmin-management-bar-light: () !default;
40
52
  $cadmin-management-bar-light: map-deep-merge(
41
53
  (
42
- bg: $cadmin-white,
43
- link-color: $cadmin-navbar-light-color,
44
- link-font-weight: $cadmin-font-weight-semi-bold,
45
- link-hover-color: $cadmin-gray-900,
46
- link-hover-bg: rgba($cadmin-gray-900, 0.03),
47
- link-focus-color: $cadmin-gray-900,
48
- link-focus-bg: rgba($cadmin-gray-900, 0.03),
49
- link-active-bg: rgba($cadmin-gray-900, 0.06),
50
- link-active-color: $cadmin-navbar-light-active-color,
51
- link-disabled-bg: transparent,
52
- link-disabled-color: $cadmin-navbar-light-disabled-color,
53
- link-disabled-opacity: 1,
54
+ background-color: $cadmin-white,
55
+ navbar-nav: (
56
+ nav-link: (
57
+ color: $cadmin-navbar-light-color,
58
+ font-weight: $cadmin-font-weight-semi-bold,
59
+ hover: (
60
+ color: $cadmin-gray-900,
61
+ background-color: rgba($cadmin-gray-900, 0.03),
62
+ ),
63
+ focus: (
64
+ color: $cadmin-gray-900,
65
+ background-color: rgba($cadmin-gray-900, 0.03),
66
+ ),
67
+ active: (
68
+ background-color: rgba($cadmin-gray-900, 0.06),
69
+ color: $cadmin-navbar-light-active-color,
70
+ ),
71
+ disabled: (
72
+ background-color: transparent,
73
+ color: $cadmin-navbar-light-disabled-color,
74
+ opacity: 1,
75
+ ),
76
+ ),
77
+ ),
78
+ media-breakpoint-down: (),
79
+ media-breakpoint-up: (),
54
80
  ),
55
81
  $cadmin-management-bar-light
56
82
  );
@@ -58,21 +84,35 @@ $cadmin-management-bar-light: map-deep-merge(
58
84
  $cadmin-management-bar-primary: () !default;
59
85
  $cadmin-management-bar-primary: map-deep-merge(
60
86
  (
61
- bg: $cadmin-primary-l3,
87
+ background-color: $cadmin-primary-l3,
62
88
  border-color: $cadmin-primary,
63
89
  color: $cadmin-navbar-light-color,
64
- link-border-radius: $cadmin-border-radius,
65
- link-color: $cadmin-navbar-light-color,
66
- link-font-weight: $cadmin-font-weight-semi-bold,
67
- link-hover-color: $cadmin-gray-900,
68
- link-hover-bg: rgba($cadmin-gray-900, 0.03),
69
- link-focus-color: $cadmin-gray-900,
70
- link-focus-bg: rgba($cadmin-gray-900, 0.03),
71
- link-active-bg: rgba($cadmin-gray-900, 0.06),
72
- link-active-color: $cadmin-navbar-light-active-color,
73
- link-disabled-bg: transparent,
74
- link-disabled-color: $cadmin-navbar-light-disabled-color,
75
- link-disabled-opacity: 1,
90
+ navbar-nav: (
91
+ nav-link: (
92
+ border-radius: $cadmin-border-radius,
93
+ color: $cadmin-navbar-light-color,
94
+ font-weight: $cadmin-font-weight-semi-bold,
95
+ hover: (
96
+ color: $cadmin-gray-900,
97
+ background-color: rgba($cadmin-gray-900, 0.03),
98
+ ),
99
+ focus: (
100
+ color: $cadmin-gray-900,
101
+ background-color: rgba($cadmin-gray-900, 0.03),
102
+ ),
103
+ active: (
104
+ background-color: rgba($cadmin-gray-900, 0.06),
105
+ color: $cadmin-navbar-light-active-color,
106
+ ),
107
+ disabled: (
108
+ background-color: transparent,
109
+ color: $cadmin-navbar-light-disabled-color,
110
+ opacity: 1,
111
+ ),
112
+ ),
113
+ ),
114
+ media-breakpoint-down: (),
115
+ media-breakpoint-up: (),
76
116
  ),
77
117
  $cadmin-management-bar-primary
78
118
  );
package/src/scss/cadmin/variables/_navigation-bar.scss CHANGED
@@ -24,10 +24,22 @@ $cadmin-navigation-bar-size: map-deep-merge(
24
24
  $cadmin-navigation-bar-base: () !default;
25
25
  $cadmin-navigation-bar-base: map-deep-merge(
26
26
  (
27
- link-border-radius: 0,
28
- link-outline: 0,
29
- link-focus-box-shadow: $cadmin-btn-focus-box-shadow,
30
- link-disabled-box-shadow: none,
27
+ border-color: transparent,
28
+ border-style: solid,
29
+ navbar-nav: (
30
+ nav-link: (
31
+ border-radius: 0,
32
+ outline: 0,
33
+ focus: (
34
+ box-shadow: $cadmin-btn-focus-box-shadow,
35
+ ),
36
+ disabled: (
37
+ box-shadow: none,
38
+ ),
39
+ ),
40
+ ),
41
+ media-breakpoint-down: (),
42
+ media-breakpoint-up: (),
31
43
  ),
32
44
  $cadmin-navigation-bar-base
33
45
  );
@@ -35,15 +47,55 @@ $cadmin-navigation-bar-base: map-deep-merge(
35
47
  $cadmin-navigation-bar-light: () !default;
36
48
  $cadmin-navigation-bar-light: map-deep-merge(
37
49
  (
38
- bg: $cadmin-white,
50
+ background-color: $cadmin-white,
39
51
  border-color: $cadmin-gray-200,
40
- link-color: $cadmin-navbar-light-color,
41
- link-font-weight: $cadmin-font-weight-semi-bold,
42
- link-hover-color: $cadmin-gray-900,
43
- link-focus-color: $cadmin-gray-900,
44
- link-active-color: $cadmin-navbar-light-active-color,
45
- link-disabled-color: $cadmin-gray-600,
46
- link-disabled-opacity: $cadmin-btn-disabled-opacity,
52
+ navbar-nav: (
53
+ nav-link: (
54
+ color: $cadmin-navbar-light-color,
55
+ font-weight: $cadmin-font-weight-semi-bold,
56
+ hover: (
57
+ color: $cadmin-gray-900,
58
+ ),
59
+ focus: (
60
+ color: $cadmin-gray-900,
61
+ ),
62
+ active: (
63
+ color: $cadmin-navbar-light-active-color,
64
+ ),
65
+ disabled: (
66
+ color: $cadmin-gray-600,
67
+ opacity: $cadmin-btn-disabled-opacity,
68
+ ),
69
+ ),
70
+ ),
71
+ media-breakpoint-down: (
72
+ sm: (
73
+ navbar-expand-md: (
74
+ navbar-collapse: (
75
+ navbar-nav: (
76
+ dropdown-item: (
77
+ color: $cadmin-navbar-light-color,
78
+ font-weight: $cadmin-font-weight-semi-bold,
79
+ hover: (
80
+ color: $cadmin-gray-900,
81
+ ),
82
+ focus: (
83
+ color: $cadmin-gray-900,
84
+ ),
85
+ active: (
86
+ color: $cadmin-navbar-light-active-color,
87
+ ),
88
+ disabled: (
89
+ color: $cadmin-gray-600,
90
+ opacity: $cadmin-btn-disabled-opacity,
91
+ ),
92
+ ),
93
+ ),
94
+ ),
95
+ ),
96
+ ),
97
+ ),
98
+ media-breakpoint-up: (),
47
99
  ),
48
100
  $cadmin-navigation-bar-light
49
101
  );
@@ -51,17 +103,61 @@ $cadmin-navigation-bar-light: map-deep-merge(
51
103
  $cadmin-navigation-bar-secondary: () !default;
52
104
  $cadmin-navigation-bar-secondary: map-deep-merge(
53
105
  (
54
- bg: $cadmin-secondary-d1,
106
+ background-color: $cadmin-secondary-d1,
55
107
  color: $cadmin-white,
56
- link-color: $cadmin-secondary-l2,
57
- link-font-weight: $cadmin-font-weight-semi-bold,
58
- link-hover-color: $cadmin-white,
59
- link-focus-color: $cadmin-white,
60
- link-active-color: $cadmin-white,
61
- link-disabled-color: $cadmin-gray-400,
62
- link-disabled-opacity: $cadmin-btn-disabled-opacity,
63
- brand-color: rgba(255, 255, 255, 0.9),
64
- brand-hover-color: rgba(255, 255, 255, 0.9),
108
+ navbar-nav: (
109
+ nav-link: (
110
+ color: $cadmin-secondary-l2,
111
+ font-weight: $cadmin-font-weight-semi-bold,
112
+ hover: (
113
+ color: $cadmin-white,
114
+ ),
115
+ focus: (
116
+ color: $cadmin-white,
117
+ ),
118
+ active: (
119
+ color: $cadmin-white,
120
+ ),
121
+ disabled: (
122
+ color: $cadmin-gray-400,
123
+ opacity: $cadmin-btn-disabled-opacity,
124
+ ),
125
+ ),
126
+ ),
127
+ navbar-brand: (
128
+ color: rgba(255, 255, 255, 0.9),
129
+ hover: (
130
+ color: rgba(255, 255, 255, 0.9),
131
+ ),
132
+ ),
133
+ media-breakpoint-down: (
134
+ sm: (
135
+ navbar-expand-md: (
136
+ navbar-collapse: (
137
+ navbar-nav: (
138
+ dropdown-item: (
139
+ color: $cadmin-secondary-l2,
140
+ font-weight: $cadmin-font-weight-semi-bold,
141
+ hover: (
142
+ color: $cadmin-white,
143
+ ),
144
+ focus: (
145
+ color: $cadmin-white,
146
+ ),
147
+ active: (
148
+ color: $cadmin-white,
149
+ ),
150
+ disabled: (
151
+ color: $cadmin-gray-400,
152
+ opacity: $cadmin-btn-disabled-opacity,
153
+ ),
154
+ ),
155
+ ),
156
+ ),
157
+ ),
158
+ ),
159
+ ),
160
+ media-breakpoint-up: (),
65
161
  ),
66
162
  $cadmin-navigation-bar-secondary
67
163
  );