playbook_ui 15.1.0.pre.alpha.killpbjs11044 → 15.1.0.pre.alpha.multipleusersstackedscss11047

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 (6) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss +36 -9
  3. data/dist/playbook.css +1 -1
  4. data/lib/playbook/pb_forms_helper.rb +6 -7
  5. data/lib/playbook/version.rb +1 -1
  6. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: f522053202522bd88aebb3098d6d4400a001e518864578e94c19dd0c4f0634e5
4
- data.tar.gz: efd63a6dc73030666573aff9cfc87cdb70d1c570926ff15c9f284a5712392a49
3
+ metadata.gz: 3357be552d2d97d78a0b5c06c4b55134e7aa060b8a73a4cfa77f7685b3c3535d
4
+ data.tar.gz: c193db4e1166324aed46b3aa82207d0c72c6de47a100940a176a2743bbcc40a9
5
5
  SHA512:
6
- metadata.gz: 776b637a59b8f272e2c3a9f312aae8ff6d299e67f6025d658d8f7b50ed3ce5bcfd3a882402a82fbeb77459f3ecd0990862cfdd7ac5285ea9e4b8a2ac7e85200e
7
- data.tar.gz: 90fcd0875d67ed997a3e30177f28ab9f375e1a5a866e1a67d0470a37b3d4cccc632c4fa5aafd943672b744ee4417a9bcae8fb803b51d0d1db5f129b83f1d3cc6
6
+ metadata.gz: c522b63ef909ec5d224f123873ada1d90595a1437774f5bf5fc26e71181853d4022143062c706b87dfba324f59c554203d5987efa90c5319cf9c8890ad9cab52
7
+ data.tar.gz: 1ca144b57c65625a162efa758cfc43605aaa5eeee75fa44ab1f346b46805383636c1307a83269c45a0701955e9dbae1da6f6d109d974f4823d2eb90873fd63e6
data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss CHANGED
@@ -89,7 +89,18 @@ $positions: (
89
89
  }
90
90
  }
91
91
 
92
- [class^=pb_multiple_users_stacked_kit] {
92
+ .pb_multiple_users_stacked_kit,
93
+ .pb_multiple_users_stacked_kit_single,
94
+ .pb_multiple_users_stacked_kit_bubble,
95
+ .pb_multiple_users_stacked_kit_single_bubble,
96
+ .pb_multiple_users_stacked_kit_bubble_size_sm,
97
+ .pb_multiple_users_stacked_kit_bubble_size_md,
98
+ .pb_multiple_users_stacked_kit_bubble_size_lg,
99
+ .pb_multiple_users_stacked_kit_bubble_size_xl,
100
+ .pb_multiple_users_stacked_kit_single_bubble_size_sm,
101
+ .pb_multiple_users_stacked_kit_single_bubble_size_md,
102
+ .pb_multiple_users_stacked_kit_single_bubble_size_lg,
103
+ .pb_multiple_users_stacked_kit_single_bubble_size_xl {
93
104
  $container_size: map-get($avatar-sizes, "xs");
94
105
  $bubble_container_size: map-get($avatar-sizes, "sm");
95
106
  $overlap: -15px;
@@ -103,7 +114,8 @@ $positions: (
103
114
  position: relative;
104
115
  flex-shrink: 0;
105
116
  flex-grow: 0;
106
- [class^=pb_avatar_kit].pb_multiple_users_stacked_item {
117
+ .pb_avatar_kit_size_xs.pb_multiple_users_stacked_item,
118
+ .pb_avatar_kit_size_md.pb_multiple_users_stacked_item {
107
119
  @include avatar-size($stacked_size);
108
120
  &.dark {
109
121
  .avatar_wrapper {
@@ -117,10 +129,17 @@ $positions: (
117
129
  }
118
130
  }
119
131
  }
120
- &[class*=_single] .pb_multiple_users_stacked_item {
132
+ &.pb_multiple_users_stacked_kit_single .pb_multiple_users_stacked_item,
133
+ &.pb_multiple_users_stacked_kit_single_bubble .pb_multiple_users_stacked_item,
134
+ &.pb_multiple_users_stacked_kit_single_bubble_size_sm .pb_multiple_users_stacked_item,
135
+ &.pb_multiple_users_stacked_kit_single_bubble_size_md .pb_multiple_users_stacked_item,
136
+ &.pb_multiple_users_stacked_kit_single_bubble_size_lg .pb_multiple_users_stacked_item,
137
+ &.pb_multiple_users_stacked_kit_single_bubble_size_xl .pb_multiple_users_stacked_item {
121
138
  @include avatar-size(28px);
122
139
  }
123
- [class^=pb_avatar_kit].second_item, [class^=pb_badge_kit].second_item {
140
+ .pb_avatar_kit_size_xs.second_item,
141
+ .pb_avatar_kit_size_md.second_item,
142
+ .pb_badge_kit_primary_rounded.second_item {
124
143
  @include position((bottom: 0, right: 0));
125
144
  z-index: 2;
126
145
  background: tint($primary, 90%);
@@ -143,7 +162,8 @@ $positions: (
143
162
 
144
163
  // Iterate over each size to adjust the bubble container only when class contains "_bubble_"
145
164
  @each $size_name, $size_value in $avatar-sizes {
146
- &[class*=_bubble_][class*=_size_#{$size_name}] {
165
+ &.pb_multiple_users_stacked_kit_bubble_size_#{$size_name},
166
+ &.pb_multiple_users_stacked_kit_single_bubble_size_#{$size_name} {
147
167
  // Set bubble container size based on the class
148
168
  $bubble_container_size: $size_value;
149
169
  $container_size: $size_value;
@@ -161,7 +181,8 @@ $positions: (
161
181
  background-color: $card_dark;
162
182
  }
163
183
 
164
- [class^=pb_avatar_kit].pb_multiple_users_stacked_item {
184
+ .pb_avatar_kit_size_xs.pb_multiple_users_stacked_item,
185
+ .pb_avatar_kit_size_md.pb_multiple_users_stacked_item {
165
186
  @include avatar-size($bubble_container_size * 0.45); // Adjust the size of stacked avatars
166
187
 
167
188
  &.dark {
@@ -175,7 +196,8 @@ $positions: (
175
196
  }
176
197
  }
177
198
 
178
- [class^=pb_avatar_kit] {
199
+ .pb_avatar_kit_size_xs,
200
+ .pb_avatar_kit_size_md {
179
201
  // First Item
180
202
  &.first_item {
181
203
  @include position(map-get(map-get($positions, 'first-item-double'), $size_name));
@@ -235,8 +257,13 @@ $positions: (
235
257
  }
236
258
  }
237
259
 
238
- &[class*=_single_bubble] {
239
- [class^=pb_avatar_kit].first_item {
260
+ &.pb_multiple_users_stacked_kit_single_bubble,
261
+ &.pb_multiple_users_stacked_kit_single_bubble_size_sm,
262
+ &.pb_multiple_users_stacked_kit_single_bubble_size_md,
263
+ &.pb_multiple_users_stacked_kit_single_bubble_size_lg,
264
+ &.pb_multiple_users_stacked_kit_single_bubble_size_xl {
265
+ .pb_avatar_kit_size_xs.first_item,
266
+ .pb_avatar_kit_size_md.first_item {
240
267
  @include position((top: 0, left: 0));
241
268
  @include avatar-size($bubble_container_size);
242
269
  }