@sc-360-v2/storefront-cms-library 0.4.97 → 0.4.98

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 (96) hide show
  1. package/dist/add-existing-form.scss +66 -66
  2. package/dist/amount-estimator.scss +1083 -1083
  3. package/dist/animation-control.scss +23 -23
  4. package/dist/badge.scss +388 -388
  5. package/dist/brand.scss +93 -93
  6. package/dist/breadcrumbs.scss +802 -802
  7. package/dist/bulk-variant-picker copy.scss +1121 -1121
  8. package/dist/bundleDetails copy.scss +1431 -1431
  9. package/dist/button copy.scss +271 -271
  10. package/dist/buy-for-tab-container.scss +90 -90
  11. package/dist/buy-for-tabs-container-item.scss +80 -80
  12. package/dist/cart-products-sidebar.scss +211 -211
  13. package/dist/cart-wrapper.scss +127 -127
  14. package/dist/cartGrouping.scss +89 -89
  15. package/dist/category.scss +73 -73
  16. package/dist/categoryDetails.scss +61 -61
  17. package/dist/categoryWidget.scss +34 -34
  18. package/dist/checkbox-radio.scss +124 -124
  19. package/dist/code-temp.scss +58 -58
  20. package/dist/common-element.scss +35 -35
  21. package/dist/confirmationModal.scss +139 -139
  22. package/dist/custom-fonts.scss +100 -100
  23. package/dist/embed-temp.scss +72 -72
  24. package/dist/embroider-preview-element.scss +94 -94
  25. package/dist/embroider-template-1.scss +482 -482
  26. package/dist/emtpy-templates.scss +165 -165
  27. package/dist/faq.scss +564 -564
  28. package/dist/fb-dropdown.scss +125 -125
  29. package/dist/filter-results.scss +323 -323
  30. package/dist/flex-text-editor.scss +271 -271
  31. package/dist/form-zindex-module.scss +24 -24
  32. package/dist/global-styles.scss +86 -86
  33. package/dist/grid.scss +119 -119
  34. package/dist/hotspot.scss +397 -397
  35. package/dist/icon-library.scss +74 -74
  36. package/dist/image-for-product.scss +21 -21
  37. package/dist/item-stock.scss +87 -87
  38. package/dist/layouter-pro.scss +88 -88
  39. package/dist/light-box-v2.scss +105 -105
  40. package/dist/lightbox.scss +78 -78
  41. package/dist/line.scss +166 -166
  42. package/dist/loader.scss +37 -37
  43. package/dist/marchandiserSets.scss +60 -60
  44. package/dist/mega-menu-container.scss +99 -99
  45. package/dist/menu-item.scss +19 -19
  46. package/dist/menu.scss +162 -162
  47. package/dist/my-wishlist.scss +17 -17
  48. package/dist/option-bar.scss +845 -845
  49. package/dist/order-processing.scss +61 -61
  50. package/dist/overflow-module.scss +63 -63
  51. package/dist/past-orders.scss +975 -975
  52. package/dist/payment-methods.scss +289 -289
  53. package/dist/pickup-locations.scss +1167 -1167
  54. package/dist/position-module.scss +95 -95
  55. package/dist/prefix-list.scss +86 -86
  56. package/dist/product-actions copy.scss +2765 -2765
  57. package/dist/product-customizations.scss +149 -149
  58. package/dist/product-image copy.scss +787 -787
  59. package/dist/product-image.scss +0 -4
  60. package/dist/product-inventory.scss +1378 -1378
  61. package/dist/product-promotions.scss +2759 -2759
  62. package/dist/product.scss +97 -97
  63. package/dist/productDetails.scss +70 -70
  64. package/dist/quota-details.scss +263 -263
  65. package/dist/quotes.scss +737 -737
  66. package/dist/repeater copy.scss +635 -635
  67. package/dist/responsive-behaviour.scss +29 -29
  68. package/dist/rfqs.scss +736 -736
  69. package/dist/search-results-heading.scss +279 -279
  70. package/dist/shareCartSideBar.scss +254 -254
  71. package/dist/shipping-estimator.scss +41 -41
  72. package/dist/simple-list.scss +259 -259
  73. package/dist/social.scss +276 -276
  74. package/dist/sort.scss +89 -89
  75. package/dist/stack.scss +129 -129
  76. package/dist/static-text.scss +52 -52
  77. package/dist/stockStatus.scss +64 -64
  78. package/dist/store-locations.scss +1398 -1398
  79. package/dist/sub-category.scss +74 -74
  80. package/dist/submit-quote.scss +275 -275
  81. package/dist/tab-container-item.scss +80 -80
  82. package/dist/tab-container.scss +89 -89
  83. package/dist/tab-v2.scss +583 -583
  84. package/dist/table-common.scss +506 -506
  85. package/dist/table.scss +685 -685
  86. package/dist/tabs.scss +395 -395
  87. package/dist/text-temp-v2.scss +139 -139
  88. package/dist/text-temp.scss +109 -109
  89. package/dist/toaster.scss +350 -350
  90. package/dist/toggle-button.scss +32 -32
  91. package/dist/transform-properties-module.scss +20 -20
  92. package/dist/user-elements copy.scss +1437 -1437
  93. package/dist/video.scss +476 -476
  94. package/dist/widget.scss +148 -148
  95. package/dist/wishlist-overlay.scss +48 -48
  96. package/package.json +1 -1
package/dist/emtpy-templates.scss CHANGED
@@ -1,165 +1,165 @@
1
- .empty_template {
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: center;
5
- align-items: center;
6
- height: 100%;
7
- width: 100%;
8
- text-align: center;
9
-
10
- h3 {
11
- font-size: 16px;
12
- color: var(--_gray-900);
13
- font-weight: 600;
14
- margin-bottom: 10px;
15
- }
16
- p {
17
- font-size: 12px;
18
- color: var(--_gray-600);
19
- }
20
- }
21
-
22
- .empty_cart_wrapper {
23
- display: flex;
24
- flex-direction: column;
25
- // align-items: center;
26
- justify-content: start;
27
- width: 100%;
28
- // gap: 6px;
29
- margin-top: 24px;
30
- img {
31
- max-width: 100px;
32
- max-height: 100px;
33
- }
34
-
35
- .empty_msg_title {
36
- font-weight: 700;
37
- font-size: 24px;
38
- line-height: 32px;
39
- padding-bottom: 8px;
40
- }
41
-
42
- .empty_msg_desc {
43
- font-size: 14px;
44
- line-height: 20px;
45
- font-weight: 500;
46
- }
47
- .empty_cart_actions {
48
- gap: 12px;
49
- margin-top: 24px;
50
- .empty_cart_template_actions {
51
- display: flex;
52
- gap: 24px;
53
- margin-top: 24px;
54
- .primary_btn {
55
- color: var(--_thm-cs-tt-ls-as);
56
- font-weight: 400;
57
- font-size: 14px;
58
- &:hover {
59
- text-decoration: underline;
60
- }
61
- }
62
- }
63
- .empty_crt_btn {
64
- padding: 12px 24px;
65
- border-radius: 4px;
66
- font-weight: 600px;
67
- display: inline-flex;
68
- align-items: center;
69
- gap: 8px;
70
-
71
- span {
72
- display: flex;
73
- }
74
-
75
- .label {
76
- color: var(--_thm-py-bs-dt-se-tt-cr);
77
- font-size: 16px;
78
- }
79
- svg path {
80
- stroke: var(--_thm-py-bs-dt-se-tt-cr);
81
- }
82
- }
83
- }
84
- }
85
-
86
- // loading styles
87
- .loader_empty_template {
88
- width: 82px;
89
- height: 18px;
90
- position: relative;
91
- margin-bottom: 12px;
92
- }
93
- .loader_empty_template::before,
94
- .loader_empty_template::after {
95
- content: "";
96
- position: absolute;
97
- left: 50%;
98
- transform: translate(-50%, 10%);
99
- top: 0;
100
- background: var(--_gray-500);
101
- width: 10px;
102
- height: 10px;
103
- border-radius: 50%;
104
- animation: jump_loader 0.5s ease-in infinite alternate;
105
- }
106
-
107
- .loader_empty_template::after {
108
- background: #0000;
109
- color: var(--_gray-400);
110
- top: 100%;
111
- box-shadow:
112
- 32px -20px,
113
- -32px -20px;
114
- animation: split_loader 0.5s ease-out infinite alternate;
115
- }
116
-
117
- // loding data with icon using in bulk order pad and quick order pad
118
- .data__loading__wrapper {
119
- width: 100%;
120
- height: 100%;
121
- display: flex;
122
- align-items: center;
123
- justify-content: center;
124
- .loading__container {
125
- max-width: 500px;
126
- display: flex;
127
- flex-direction: column;
128
- justify-content: center;
129
- align-items: center;
130
- gap: 16px;
131
- .loading__spinner {
132
- width: 40px;
133
- height: 40px;
134
- border: 4px solid var(--_gray-200);
135
- border-top: 4px solid var(--_primary-400);
136
- border-radius: 50%;
137
- animation: spin 1s linear infinite;
138
- }
139
- .text {
140
- color: var(--_gray-600);
141
- font-size: 14px;
142
- }
143
- }
144
- }
145
-
146
- @keyframes split_loader {
147
- 0% {
148
- box-shadow:
149
- 8px -20px,
150
- -8px -20px;
151
- }
152
- 100% {
153
- box-shadow:
154
- 32px -20px,
155
- -32px -20px;
156
- }
157
- }
158
- @keyframes jump_loader {
159
- 0% {
160
- transform: translate(-50%, -100%);
161
- }
162
- 100% {
163
- transform: translate(-50%, 10%);
164
- }
165
- }
1
+ .empty_template {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: center;
5
+ align-items: center;
6
+ height: 100%;
7
+ width: 100%;
8
+ text-align: center;
9
+
10
+ h3 {
11
+ font-size: 16px;
12
+ color: var(--_gray-900);
13
+ font-weight: 600;
14
+ margin-bottom: 10px;
15
+ }
16
+ p {
17
+ font-size: 12px;
18
+ color: var(--_gray-600);
19
+ }
20
+ }
21
+
22
+ .empty_cart_wrapper {
23
+ display: flex;
24
+ flex-direction: column;
25
+ // align-items: center;
26
+ justify-content: start;
27
+ width: 100%;
28
+ // gap: 6px;
29
+ margin-top: 24px;
30
+ img {
31
+ max-width: 100px;
32
+ max-height: 100px;
33
+ }
34
+
35
+ .empty_msg_title {
36
+ font-weight: 700;
37
+ font-size: 24px;
38
+ line-height: 32px;
39
+ padding-bottom: 8px;
40
+ }
41
+
42
+ .empty_msg_desc {
43
+ font-size: 14px;
44
+ line-height: 20px;
45
+ font-weight: 500;
46
+ }
47
+ .empty_cart_actions {
48
+ gap: 12px;
49
+ margin-top: 24px;
50
+ .empty_cart_template_actions {
51
+ display: flex;
52
+ gap: 24px;
53
+ margin-top: 24px;
54
+ .primary_btn {
55
+ color: var(--_thm-cs-tt-ls-as);
56
+ font-weight: 400;
57
+ font-size: 14px;
58
+ &:hover {
59
+ text-decoration: underline;
60
+ }
61
+ }
62
+ }
63
+ .empty_crt_btn {
64
+ padding: 12px 24px;
65
+ border-radius: 4px;
66
+ font-weight: 600px;
67
+ display: inline-flex;
68
+ align-items: center;
69
+ gap: 8px;
70
+
71
+ span {
72
+ display: flex;
73
+ }
74
+
75
+ .label {
76
+ color: var(--_thm-py-bs-dt-se-tt-cr);
77
+ font-size: 16px;
78
+ }
79
+ svg path {
80
+ stroke: var(--_thm-py-bs-dt-se-tt-cr);
81
+ }
82
+ }
83
+ }
84
+ }
85
+
86
+ // loading styles
87
+ .loader_empty_template {
88
+ width: 82px;
89
+ height: 18px;
90
+ position: relative;
91
+ margin-bottom: 12px;
92
+ }
93
+ .loader_empty_template::before,
94
+ .loader_empty_template::after {
95
+ content: "";
96
+ position: absolute;
97
+ left: 50%;
98
+ transform: translate(-50%, 10%);
99
+ top: 0;
100
+ background: var(--_gray-500);
101
+ width: 10px;
102
+ height: 10px;
103
+ border-radius: 50%;
104
+ animation: jump_loader 0.5s ease-in infinite alternate;
105
+ }
106
+
107
+ .loader_empty_template::after {
108
+ background: #0000;
109
+ color: var(--_gray-400);
110
+ top: 100%;
111
+ box-shadow:
112
+ 32px -20px,
113
+ -32px -20px;
114
+ animation: split_loader 0.5s ease-out infinite alternate;
115
+ }
116
+
117
+ // loding data with icon using in bulk order pad and quick order pad
118
+ .data__loading__wrapper {
119
+ width: 100%;
120
+ height: 100%;
121
+ display: flex;
122
+ align-items: center;
123
+ justify-content: center;
124
+ .loading__container {
125
+ max-width: 500px;
126
+ display: flex;
127
+ flex-direction: column;
128
+ justify-content: center;
129
+ align-items: center;
130
+ gap: 16px;
131
+ .loading__spinner {
132
+ width: 40px;
133
+ height: 40px;
134
+ border: 4px solid var(--_gray-200);
135
+ border-top: 4px solid var(--_primary-400);
136
+ border-radius: 50%;
137
+ animation: spin 1s linear infinite;
138
+ }
139
+ .text {
140
+ color: var(--_gray-600);
141
+ font-size: 14px;
142
+ }
143
+ }
144
+ }
145
+
146
+ @keyframes split_loader {
147
+ 0% {
148
+ box-shadow:
149
+ 8px -20px,
150
+ -8px -20px;
151
+ }
152
+ 100% {
153
+ box-shadow:
154
+ 32px -20px,
155
+ -32px -20px;
156
+ }
157
+ }
158
+ @keyframes jump_loader {
159
+ 0% {
160
+ transform: translate(-50%, -100%);
161
+ }
162
+ 100% {
163
+ transform: translate(-50%, 10%);
164
+ }
165
+ }