@clayui/css 3.161.0 → 3.163.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/_application-bar.scss CHANGED
@@ -1,62 +1,60 @@
1
- @if ($enable-atlas-custom-properties) {
2
- $application-bar-size: ();
3
- $application-bar-size: map-deep-merge(
4
- (
5
- title-font-size: 1.125rem,
6
- ),
7
- $application-bar-size
8
- );
9
-
10
- $application-bar-base: ();
11
- $application-bar-base: map-deep-merge(
12
- (
13
- navbar-nav: (
14
- nav-link: (
15
- border-radius: $border-radius,
16
- outline: 0,
17
- transition: box-shadow 0.15s ease-in-out,
18
-
19
- focus: (
20
- box-shadow: $component-focus-box-shadow,
21
- ),
22
-
23
- disabled: (
24
- box-shadow: none,
25
- ),
1
+ $application-bar-size: () !default;
2
+ $application-bar-size: map-deep-merge(
3
+ (
4
+ title-font-size: 1.125rem,
5
+ ),
6
+ $application-bar-size
7
+ );
8
+
9
+ $application-bar-base: () !default;
10
+ $application-bar-base: map-deep-merge(
11
+ (
12
+ navbar-nav: (
13
+ nav-link: (
14
+ border-radius: $border-radius,
15
+ outline: 0,
16
+ transition: box-shadow 0.15s ease-in-out,
17
+
18
+ focus: (
19
+ box-shadow: $component-focus-box-shadow,
20
+ ),
21
+
22
+ disabled: (
23
+ box-shadow: none,
26
24
  ),
27
25
  ),
28
26
  ),
29
- $application-bar-base
30
- );
31
-
32
- $application-bar-dark: ();
33
- $application-bar-dark: map-deep-merge(
34
- (
35
- background-color: $dark-l1,
36
-
37
- navbar-nav: (
38
- nav-link: (
39
- font-weight: $font-weight-semi-bold,
40
-
41
- hover: (
42
- background-color: rgba(255, 255, 255, 0.03),
43
- ),
44
-
45
- focus: (
46
- background-color: rgba(255, 255, 255, 0.03),
47
- ),
48
-
49
- active: (
50
- background-color: rgba(255, 255, 255, 0.06),
51
- ),
52
-
53
- disabled: (
54
- background-color: transparent,
55
- opacity: 0.5,
56
- ),
27
+ ),
28
+ $application-bar-base
29
+ );
30
+
31
+ $application-bar-dark: () !default;
32
+ $application-bar-dark: map-deep-merge(
33
+ (
34
+ background-color: $dark-l1,
35
+
36
+ navbar-nav: (
37
+ nav-link: (
38
+ font-weight: $font-weight-semi-bold,
39
+
40
+ hover: (
41
+ background-color: rgba(255, 255, 255, 0.03),
42
+ ),
43
+
44
+ focus: (
45
+ background-color: rgba(255, 255, 255, 0.03),
46
+ ),
47
+
48
+ active: (
49
+ background-color: rgba(255, 255, 255, 0.06),
50
+ ),
51
+
52
+ disabled: (
53
+ background-color: transparent,
54
+ opacity: 0.5,
57
55
  ),
58
56
  ),
59
57
  ),
60
- $application-bar-dark
61
- );
62
- }
58
+ ),
59
+ $application-bar-dark
60
+ );
package/src/scss/atlas-custom-properties/variables/_aspect-ratio.scss CHANGED
@@ -1,28 +1,26 @@
1
- @if ($enable-atlas-custom-properties) {
2
- $aspect-ratio-sizes: ();
3
- $aspect-ratio-sizes: map-deep-merge(
4
- (
5
- aspect-ratio-3-to-2: (
6
- height: 2,
7
- width: 3,
8
- ),
9
- aspect-ratio-4-to-3: (
10
- height: 3,
11
- width: 4,
12
- ),
13
- aspect-ratio-8-to-3: (
14
- height: 3,
15
- width: 8,
16
- ),
17
- aspect-ratio-8-to-5: (
18
- height: 5,
19
- width: 8,
20
- ),
21
- aspect-ratio-16-to-9: (
22
- height: 9,
23
- width: 16,
24
- ),
1
+ $aspect-ratio-sizes: () !default;
2
+ $aspect-ratio-sizes: map-deep-merge(
3
+ (
4
+ aspect-ratio-3-to-2: (
5
+ height: 2,
6
+ width: 3,
25
7
  ),
26
- $aspect-ratio-sizes
27
- );
28
- }
8
+ aspect-ratio-4-to-3: (
9
+ height: 3,
10
+ width: 4,
11
+ ),
12
+ aspect-ratio-8-to-3: (
13
+ height: 3,
14
+ width: 8,
15
+ ),
16
+ aspect-ratio-8-to-5: (
17
+ height: 5,
18
+ width: 8,
19
+ ),
20
+ aspect-ratio-16-to-9: (
21
+ height: 9,
22
+ width: 16,
23
+ ),
24
+ ),
25
+ $aspect-ratio-sizes
26
+ );