playbook_ui 14.23.0.pre.alpha.PLAY2146dropdownactivestylesreact9141 → 14.23.0.pre.alpha.PLAY2148selectclassnamessinglespacesfix9144

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.23.0"
-  VERSION = "14.23.0.pre.alpha.PLAY2146dropdownactivestylesreact9141"
+  VERSION = "14.23.0.pre.alpha.PLAY2148selectclassnamessinglespacesfix9144"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.23.0.pre.alpha.PLAY2146dropdownactivestylesreact9141
+  version: 14.23.0.pre.alpha.PLAY2148selectclassnamessinglespacesfix9144
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-21 00:00:00.000000000 Z
+date: 2025-07-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -1352,7 +1352,6 @@ files:
 - app/pb_kits/playbook/pb_drawer/index.js
 - app/pb_kits/playbook/pb_dropdown/_dropdown.scss
 - app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
-- app/pb_kits/playbook/pb_dropdown/_dropdown_mixin.scss
 - app/pb_kits/playbook/pb_dropdown/context/index.tsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx
@@ -1396,8 +1395,6 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options.jsx
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options_react.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb
@@ -3636,7 +3633,7 @@ files:
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
 - dist/chunks/_line_graph-BfCo79KE.js
 - dist/chunks/_typeahead-Db4YQA5c.js
-- dist/chunks/_weekday_stacked-DVbweLBJ.js
+- dist/chunks/_weekday_stacked-DfH_cGOX.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-DnQyMxO1.js
 - dist/chunks/pb_form_validation-kl-4Jv4t.js

data/app/pb_kits/playbook/pb_dropdown/_dropdown_mixin.scss

@@ -1,36 +0,0 @@
-@import "../tokens/colors";
-
-// activeStyle fontColor sass map to go through text colors + set of custom colors
-$custom-font-colors: (
-  primary: $primary
-);
-
-$merged-font-colors: map-merge($text_colors, $custom-font-colors);
-
-$font-colors: ();
-
-@each $key, $val in $merged-font-colors {
-  $font-colors: map-merge($font-colors, ($key: $val));
-}
-
-@mixin apply-font-color($color) {
-  color: $color;
-
-  [class^="pb_body"],
-  [class^="pb_title_kit"],
-  a {
-    color: $color !important;
-  }
-}
-
-// activeStyle backgroundColor map (set of custom colors)
-$custom-background-colors: (
-  "bg_light": $bg_light,
-  "white": $white,
-);
-
-$background-colors: ();
-
-@each $key, $val in $custom-background-colors {
-  $background-colors: map-merge($background-colors, ($key: $val));
-}

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options.jsx

@@ -1,90 +0,0 @@
-import React from 'react'
-import Dropdown from '../_dropdown'
-
-const DropdownCustomActiveStyleOptions = (props) => {
-
-
-  const options = [
-    {
-      label: "United States",
-      value: "unitedStates",
-      id: "us"
-    },
-    {
-      label: "Canada",
-      value: "canada",
-      id: "ca"
-    },
-    {
-      label: "Pakistan",
-      value: "pakistan",
-      id: "pk"
-    }
-  ];  
-
-
-  return (
-  <div>
-    <Dropdown
-        activeStyle={{
-          backgroundColor: "bg_light",
-          fontColor: "primary",
-        }}
-        label="Background Color: bg_light; Font Color: primary"
-        marginBottom="sm"
-        options={options}
-        {...props}
-    >
-      <Dropdown.Trigger/>
-      <Dropdown.Container>
-        {options.map((option) => (
-          <Dropdown.Option key={option.id} 
-              option={option}
-          />
-        ))}
-      </Dropdown.Container>
-    </Dropdown>
-    <Dropdown
-        activeStyle={{
-          backgroundColor: "white",
-          fontColor: "primary",
-        }}
-        label="Background Color: white; Font Color: primary"
-        marginBottom="sm"
-        options={options}
-        {...props}
-    />
-    <Dropdown
-        activeStyle={{
-          backgroundColor: "bg_light",
-          fontColor: "text_lt_default",
-        }}
-        autocomplete
-        label="Background Color: bg_light; Font Color: text_lt_default"
-        marginBottom="sm"
-        options={options}
-        {...props}
-    />
-    <Dropdown
-        activeStyle={{
-          fontColor: "text_lt_lighter",
-        }}
-        label="Font Color: text_lt_lighter"
-        marginBottom="sm"
-        options={options}
-        {...props}
-    >
-      <Dropdown.Trigger/>
-      <Dropdown.Container>
-        {options.map((option) => (
-          <Dropdown.Option key={option.id} 
-              option={option}
-          />
-        ))}
-      </Dropdown.Container>
-    </Dropdown>
-  </div>
-  )
-}
-
-export default  DropdownCustomActiveStyleOptions

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options_react.md

@@ -1,4 +0,0 @@
-The `activeStyle` prop can be used to customize the appearance of the dropdown selection indicator. It accepts an object with the following keys: `backgroundColor` sets the background color of the selected item (and its hover state); `fontColor` sets the font color of the selected item.
-
-`backgroundColor` **Type**: String | **Values**: bg_light | white | **Default**: (no selection) is primary
-`fontColor` **Type**: String | **Values**: primary | all [Playbook Text Colors](https://playbook.powerapp.cloud/visual_guidelines/colors) | **Default**: (no selection) is white