@clayui/css 3.161.0 → 3.162.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 (97) hide show
  1. package/lib/css/atlas.css +136 -6
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +134 -5
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +74 -7
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/arrow-key-down.svg +9 -0
  8. package/lib/images/icons/arrow-key-left.svg +9 -0
  9. package/lib/images/icons/arrow-key-right.svg +9 -0
  10. package/lib/images/icons/arrow-key-up.svg +9 -0
  11. package/lib/images/icons/icons.svg +1 -1
  12. package/package.json +1 -1
  13. package/src/images/icons/arrow-key-down.svg +9 -0
  14. package/src/images/icons/arrow-key-left.svg +9 -0
  15. package/src/images/icons/arrow-key-right.svg +9 -0
  16. package/src/images/icons/arrow-key-up.svg +9 -0
  17. package/src/images/icons/icons.svg +1 -1
  18. package/src/scss/_components.scss +2 -0
  19. package/src/scss/_license-text.scss +1 -1
  20. package/src/scss/atlas/variables/_forms.scss +3 -1
  21. package/src/scss/atlas/variables/_reorder.scss +1 -1
  22. package/src/scss/atlas-custom-properties/_variables.scss +0 -2
  23. package/src/scss/atlas-custom-properties/variables/_alerts.scss +928 -935
  24. package/src/scss/atlas-custom-properties/variables/_application-bar.scss +54 -56
  25. package/src/scss/atlas-custom-properties/variables/_aspect-ratio.scss +25 -27
  26. package/src/scss/atlas-custom-properties/variables/_badges.scss +298 -309
  27. package/src/scss/atlas-custom-properties/variables/_breadcrumbs.scss +175 -187
  28. package/src/scss/atlas-custom-properties/variables/_buttons.scss +1164 -1220
  29. package/src/scss/atlas-custom-properties/variables/_c-root.scss +343 -353
  30. package/src/scss/atlas-custom-properties/variables/_cards.scss +1009 -1014
  31. package/src/scss/atlas-custom-properties/variables/_clay-color.scss +560 -590
  32. package/src/scss/atlas-custom-properties/variables/_custom-forms.scss +766 -797
  33. package/src/scss/atlas-custom-properties/variables/_date-picker.scss +532 -614
  34. package/src/scss/atlas-custom-properties/variables/_drilldown.scss +244 -252
  35. package/src/scss/atlas-custom-properties/variables/_dropdowns.scss +1052 -1073
  36. package/src/scss/atlas-custom-properties/variables/_dual-listbox.scss +65 -68
  37. package/src/scss/atlas-custom-properties/variables/_empty-state.scss +90 -92
  38. package/src/scss/atlas-custom-properties/variables/_forms.scss +1918 -1955
  39. package/src/scss/atlas-custom-properties/variables/_globals-z-index.scss +27 -29
  40. package/src/scss/atlas-custom-properties/variables/_globals.scss +799 -801
  41. package/src/scss/atlas-custom-properties/variables/_icons.scss +71 -73
  42. package/src/scss/atlas-custom-properties/variables/_images.scss +8 -13
  43. package/src/scss/atlas-custom-properties/variables/_labels.scss +1091 -1202
  44. package/src/scss/atlas-custom-properties/variables/_links.scss +394 -410
  45. package/src/scss/atlas-custom-properties/variables/_list-group.scss +455 -460
  46. package/src/scss/atlas-custom-properties/variables/_loaders.scss +187 -204
  47. package/src/scss/atlas-custom-properties/variables/_management-bar.scss +135 -137
  48. package/src/scss/atlas-custom-properties/variables/_menubar.scss +605 -663
  49. package/src/scss/atlas-custom-properties/variables/_modals.scss +582 -587
  50. package/src/scss/atlas-custom-properties/variables/_multi-step-nav.scss +342 -312
  51. package/src/scss/atlas-custom-properties/variables/_navbar.scss +170 -172
  52. package/src/scss/atlas-custom-properties/variables/_navigation-bar.scss +337 -361
  53. package/src/scss/atlas-custom-properties/variables/_navs.scss +501 -495
  54. package/src/scss/atlas-custom-properties/variables/_pagination.scss +851 -888
  55. package/src/scss/atlas-custom-properties/variables/_panels.scss +467 -480
  56. package/src/scss/atlas-custom-properties/variables/_popovers.scss +483 -515
  57. package/src/scss/atlas-custom-properties/variables/_progress-bars.scss +146 -139
  58. package/src/scss/atlas-custom-properties/variables/_quick-action.scss +24 -23
  59. package/src/scss/atlas-custom-properties/variables/_range.scss +215 -220
  60. package/src/scss/atlas-custom-properties/variables/_reorder.scss +82 -82
  61. package/src/scss/atlas-custom-properties/variables/_resizer.scss +27 -16
  62. package/src/scss/atlas-custom-properties/variables/_sheets.scss +275 -275
  63. package/src/scss/atlas-custom-properties/variables/_side-navigation.scss +2 -4
  64. package/src/scss/atlas-custom-properties/variables/_sidebar.scss +413 -445
  65. package/src/scss/atlas-custom-properties/variables/_slideout.scss +300 -310
  66. package/src/scss/atlas-custom-properties/variables/_stickers.scss +551 -553
  67. package/src/scss/atlas-custom-properties/variables/_tables.scss +1094 -1079
  68. package/src/scss/atlas-custom-properties/variables/_tbar.scss +491 -557
  69. package/src/scss/atlas-custom-properties/variables/_time.scss +121 -130
  70. package/src/scss/atlas-custom-properties/variables/_timelines.scss +50 -43
  71. package/src/scss/atlas-custom-properties/variables/_toggle-switch.scss +562 -566
  72. package/src/scss/atlas-custom-properties/variables/_tooltip.scss +295 -306
  73. package/src/scss/atlas-custom-properties/variables/_treeview.scss +276 -278
  74. package/src/scss/atlas-custom-properties/variables/_type.scss +186 -185
  75. package/src/scss/atlas-custom-properties/variables/_utilities.scss +705 -788
  76. package/src/scss/atlas-variables.scss +0 -2
  77. package/src/scss/atlas.scss +0 -2
  78. package/src/scss/base-variables.scss +0 -2
  79. package/src/scss/base.scss +0 -2
  80. package/src/scss/cadmin/components/_focus-ring.scss +74 -0
  81. package/src/scss/cadmin/components/_forms.scss +2 -0
  82. package/src/scss/cadmin/components/_menubar.scss +8 -0
  83. package/src/scss/cadmin/components/_resizer.scss +19 -4
  84. package/src/scss/cadmin/variables/_breadcrumbs.scss +3 -1
  85. package/src/scss/cadmin/variables/_forms.scss +3 -1
  86. package/src/scss/cadmin/variables/_reorder.scss +1 -0
  87. package/src/scss/cadmin/variables/_resizer.scss +16 -3
  88. package/src/scss/cadmin.scss +1 -0
  89. package/src/scss/components/_focus-ring.scss +64 -0
  90. package/src/scss/components/_forms.scss +2 -0
  91. package/src/scss/components/_keyboard-arrows-indicator.scss +82 -0
  92. package/src/scss/components/_menubar.scss +8 -0
  93. package/src/scss/components/_resizer.scss +15 -4
  94. package/src/scss/functions/_lx-icons-generated.scss +8 -0
  95. package/src/scss/variables/_breadcrumbs.scss +4 -2
  96. package/src/scss/variables/_forms.scss +2 -0
  97. package/src/scss/variables/_resizer.scss +16 -3
package/src/scss/atlas-custom-properties/variables/_management-bar.scss CHANGED
@@ -1,153 +1,151 @@
1
- @if ($enable-atlas-custom-properties) {
2
- $management-bar-base: ();
3
- $management-bar-base: map-deep-merge(
4
- (
5
- border-color: transparent,
6
- border-style: solid,
7
-
8
- media-breakpoint-down: (),
9
- media-breakpoint-up: (),
10
- ),
11
- $management-bar-base
12
- );
13
-
14
- $management-bar-size: ();
15
- $management-bar-size: map-deep-merge(
16
- (
17
- scaling-navbar: true,
18
-
19
- border-bottom-width: 0.0625rem,
20
- font-size:
21
- if(variable-exists(navbar-font-size), $navbar-font-size, null),
22
- height: 4rem,
23
- min-height: 4rem,
24
- padding-x: 0rem,
25
- padding-y: 0rem,
26
-
27
- active-border-bottom-width: 0.25rem,
28
-
29
- height-mobile: 3rem,
30
- min-height-mobile: 3rem,
31
-
32
- btn-monospaced-font-size: 1rem,
33
-
34
- link-height: 2rem,
35
- link-margin-x: 0.5rem,
36
-
37
- toggler-margin-x: 0.875rem,
38
-
39
- nav-item-dropdown-margin-top: 0rem,
40
-
41
- link-height-mobile: 2rem,
42
- link-margin-x-mobile: 0.25rem,
43
- link-padding-x-mobile: 0.25rem,
44
-
45
- form-control-height-mobile: 2rem,
46
- ),
47
- $management-bar-size
48
- );
49
-
50
- $management-bar-light: ();
51
- $management-bar-light: map-deep-merge(
52
- (
53
- background-color: $light,
54
-
55
- navbar-nav: (
56
- nav-link: (
1
+ $management-bar-base: () !default;
2
+ $management-bar-base: map-deep-merge(
3
+ (
4
+ border-color: transparent,
5
+ border-style: solid,
6
+
7
+ media-breakpoint-down: (),
8
+ media-breakpoint-up: (),
9
+ ),
10
+ $management-bar-base
11
+ );
12
+
13
+ $management-bar-size: () !default;
14
+ $management-bar-size: map-deep-merge(
15
+ (
16
+ scaling-navbar: true,
17
+
18
+ border-bottom-width: 0.0625rem,
19
+ font-size:
20
+ if(variable-exists(navbar-font-size), $navbar-font-size, null),
21
+ height: 4rem,
22
+ min-height: 4rem,
23
+ padding-x: 0rem,
24
+ padding-y: 0rem,
25
+
26
+ active-border-bottom-width: 0.25rem,
27
+
28
+ height-mobile: 3rem,
29
+ min-height-mobile: 3rem,
30
+
31
+ btn-monospaced-font-size: 1rem,
32
+
33
+ link-height: 2rem,
34
+ link-margin-x: 0.5rem,
35
+
36
+ toggler-margin-x: 0.875rem,
37
+
38
+ nav-item-dropdown-margin-top: 0rem,
39
+
40
+ link-height-mobile: 2rem,
41
+ link-margin-x-mobile: 0.25rem,
42
+ link-padding-x-mobile: 0.25rem,
43
+
44
+ form-control-height-mobile: 2rem,
45
+ ),
46
+ $management-bar-size
47
+ );
48
+
49
+ $management-bar-light: () !default;
50
+ $management-bar-light: map-deep-merge(
51
+ (
52
+ background-color: $light,
53
+
54
+ navbar-nav: (
55
+ nav-link: (
56
+ color:
57
+ if(
58
+ variable-exists(navbar-light-color),
59
+ $navbar-light-color,
60
+ unquote('hsl(from #{$black} h s l / 0.5)')
61
+ ),
62
+ hover: (
57
63
  color:
58
64
  if(
59
- variable-exists(navbar-light-color),
60
- $navbar-light-color,
61
- unquote('hsl(from #{$black} h s l / 0.5)')
65
+ variable-exists(navbar-light-hover-color),
66
+ $navbar-light-hover-color,
67
+ unquote('hsl(from #{$black} h s l / 0.7)')
62
68
  ),
63
- hover: (
64
- color:
65
- if(
66
- variable-exists(navbar-light-hover-color),
67
- $navbar-light-hover-color,
68
- unquote('hsl(from #{$black} h s l / 0.7)')
69
- ),
70
- ),
69
+ ),
71
70
 
72
- active: (
73
- color:
74
- if(
75
- variable-exists(navbar-light-active-color),
76
- $navbar-light-active-color,
77
- unquote('hsl(from #{$black} h s l / 0.9)')
78
- ),
79
- ),
71
+ active: (
72
+ color:
73
+ if(
74
+ variable-exists(navbar-light-active-color),
75
+ $navbar-light-active-color,
76
+ unquote('hsl(from #{$black} h s l / 0.9)')
77
+ ),
78
+ ),
80
79
 
81
- disabled: (
82
- color:
83
- if(
84
- variable-exists(navbar-light-disabled-color),
85
- $navbar-light-disabled-color,
86
- unquote('hsl(from #{$black} h s l / 0.3)')
87
- ),
88
- opacity: 1,
89
- ),
80
+ disabled: (
81
+ color:
82
+ if(
83
+ variable-exists(navbar-light-disabled-color),
84
+ $navbar-light-disabled-color,
85
+ unquote('hsl(from #{$black} h s l / 0.3)')
86
+ ),
87
+ opacity: 1,
90
88
  ),
91
89
  ),
92
-
93
- media-breakpoint-down: (),
94
- media-breakpoint-up: (),
95
90
  ),
96
- $management-bar-light
97
- );
98
-
99
- $management-bar-primary: ();
100
- $management-bar-primary: map-deep-merge(
101
- (
102
- background-color: $primary-l3,
103
- border-color: $primary,
104
- color:
105
- if(
106
- variable-exists(navbar-light-color),
107
- $navbar-light-color,
108
- unquote('hsl(from #{$black} h s l / 0.5)')
109
- ),
110
- navbar-nav: (
111
- nav-link: (
91
+
92
+ media-breakpoint-down: (),
93
+ media-breakpoint-up: (),
94
+ ),
95
+ $management-bar-light
96
+ );
97
+
98
+ $management-bar-primary: () !default;
99
+ $management-bar-primary: map-deep-merge(
100
+ (
101
+ background-color: $primary-l3,
102
+ border-color: $primary,
103
+ color:
104
+ if(
105
+ variable-exists(navbar-light-color),
106
+ $navbar-light-color,
107
+ unquote('hsl(from #{$black} h s l / 0.5)')
108
+ ),
109
+ navbar-nav: (
110
+ nav-link: (
111
+ color:
112
+ if(
113
+ variable-exists(navbar-light-color),
114
+ $navbar-light-color,
115
+ unquote('hsl(from #{$black} h s l / 0.5)')
116
+ ),
117
+ hover: (
112
118
  color:
113
119
  if(
114
- variable-exists(navbar-light-color),
115
- $navbar-light-color,
116
- unquote('hsl(from #{$black} h s l / 0.5)')
120
+ variable-exists(navbar-light-hover-color),
121
+ $navbar-light-hover-color,
122
+ unquote('hsl(from #{$black} h s l / 0.7)')
117
123
  ),
118
- hover: (
119
- color:
120
- if(
121
- variable-exists(navbar-light-hover-color),
122
- $navbar-light-hover-color,
123
- unquote('hsl(from #{$black} h s l / 0.7)')
124
- ),
125
- ),
124
+ ),
126
125
 
127
- active: (
128
- color:
129
- if(
130
- variable-exists(navbar-light-active-color),
131
- $navbar-light-active-color,
132
- unquote('hsl(from #{$black} h s l / 0.9)')
133
- ),
134
- ),
126
+ active: (
127
+ color:
128
+ if(
129
+ variable-exists(navbar-light-active-color),
130
+ $navbar-light-active-color,
131
+ unquote('hsl(from #{$black} h s l / 0.9)')
132
+ ),
133
+ ),
135
134
 
136
- disabled: (
137
- color:
138
- if(
139
- variable-exists(navbar-light-disabled-color),
140
- $navbar-light-disabled-color,
141
- unquote('hsl(from #{$black} h s l / 0.3)')
142
- ),
143
- opacity: 1,
144
- ),
135
+ disabled: (
136
+ color:
137
+ if(
138
+ variable-exists(navbar-light-disabled-color),
139
+ $navbar-light-disabled-color,
140
+ unquote('hsl(from #{$black} h s l / 0.3)')
141
+ ),
142
+ opacity: 1,
145
143
  ),
146
144
  ),
147
-
148
- media-breakpoint-down: (),
149
- media-breakpoint-up: (),
150
145
  ),
151
- $management-bar-primary
152
- );
153
- }
146
+
147
+ media-breakpoint-down: (),
148
+ media-breakpoint-up: (),
149
+ ),
150
+ $management-bar-primary
151
+ );