@breadstone/mosaik-elements-foundation 0.0.139 → 0.0.141

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 (171) hide show
  1. package/Controls/Components/Buttons/Anchor/Themes/AnchorElement.Joy.d.ts.map +1 -1
  2. package/Controls/Components/Buttons/Anchor/Themes/AnchorElement.Joy.js +6 -3
  3. package/Controls/Components/Buttons/Anchor/Themes/AnchorElement.Joy.js.map +1 -1
  4. package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.d.ts.map +1 -1
  5. package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.js +17 -14
  6. package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.js.map +1 -1
  7. package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.d.ts.map +1 -1
  8. package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.js +17 -14
  9. package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.js.map +1 -1
  10. package/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.d.ts.map +1 -1
  11. package/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.js +24 -18
  12. package/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.js.map +1 -1
  13. package/Controls/Components/Buttons/Button/Themes/ButtonGroupElement.Retro.d.ts.map +1 -1
  14. package/Controls/Components/Buttons/Button/Themes/ButtonGroupElement.Retro.js +4 -1
  15. package/Controls/Components/Buttons/Button/Themes/ButtonGroupElement.Retro.js.map +1 -1
  16. package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Retro.d.ts.map +1 -1
  17. package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Retro.js +9 -6
  18. package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Retro.js.map +1 -1
  19. package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Cosmopolitan.js +12 -12
  20. package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Joy.js +12 -12
  21. package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Retro.d.ts.map +1 -1
  22. package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Retro.js +24 -21
  23. package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Retro.js.map +1 -1
  24. package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Cosmopolitan.js +12 -12
  25. package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Joy.js +12 -12
  26. package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Retro.d.ts.map +1 -1
  27. package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Retro.js +21 -18
  28. package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Retro.js.map +1 -1
  29. package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Cosmopolitan.js +12 -12
  30. package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Joy.js +12 -12
  31. package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Retro.js +12 -12
  32. package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Cosmopolitan.js +13 -13
  33. package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Joy.js +13 -13
  34. package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Retro.js +13 -13
  35. package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Retro.d.ts.map +1 -1
  36. package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Retro.js +11 -8
  37. package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Retro.js.map +1 -1
  38. package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Retro.d.ts.map +1 -1
  39. package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Retro.js +4 -1
  40. package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Retro.js.map +1 -1
  41. package/Controls/Components/Cells/Themes/CellGroupElement.Retro.d.ts.map +1 -1
  42. package/Controls/Components/Cells/Themes/CellGroupElement.Retro.js +4 -1
  43. package/Controls/Components/Cells/Themes/CellGroupElement.Retro.js.map +1 -1
  44. package/Controls/Components/Grouping/Banner/Themes/BannerElement.Retro.d.ts.map +1 -1
  45. package/Controls/Components/Grouping/Banner/Themes/BannerElement.Retro.js +7 -4
  46. package/Controls/Components/Grouping/Banner/Themes/BannerElement.Retro.js.map +1 -1
  47. package/Controls/Components/Grouping/Card/Themes/CardElement.Retro.d.ts.map +1 -1
  48. package/Controls/Components/Grouping/Card/Themes/CardElement.Retro.js +4 -1
  49. package/Controls/Components/Grouping/Card/Themes/CardElement.Retro.js.map +1 -1
  50. package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Retro.d.ts.map +1 -1
  51. package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Retro.js +5 -2
  52. package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Retro.js.map +1 -1
  53. package/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Retro.d.ts.map +1 -1
  54. package/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Retro.js +4 -1
  55. package/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Retro.js.map +1 -1
  56. package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Retro.d.ts.map +1 -1
  57. package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Retro.js +5 -2
  58. package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Retro.js.map +1 -1
  59. package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Retro.d.ts.map +1 -1
  60. package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Retro.js +5 -2
  61. package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Retro.js.map +1 -1
  62. package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Cosmopolitan.js +14 -14
  63. package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Joy.js +14 -14
  64. package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Retro.js +14 -14
  65. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Cosmopolitan.js +14 -14
  66. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Joy.d.ts.map +1 -1
  67. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Joy.js +18 -15
  68. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Joy.js.map +1 -1
  69. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Retro.d.ts.map +1 -1
  70. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Retro.js +19 -16
  71. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Retro.js.map +1 -1
  72. package/Controls/Components/Inputs/DateBox/Themes/DateBoxElement.Cosmopolitan.js +18 -18
  73. package/Controls/Components/Inputs/DateBox/Themes/DateBoxElement.Joy.js +18 -18
  74. package/Controls/Components/Inputs/DateBox/Themes/DateBoxElement.Retro.d.ts.map +1 -1
  75. package/Controls/Components/Inputs/DateBox/Themes/DateBoxElement.Retro.js +23 -20
  76. package/Controls/Components/Inputs/DateBox/Themes/DateBoxElement.Retro.js.map +1 -1
  77. package/Controls/Components/Inputs/DateTimeBox/Themes/DateTimeBoxElement.Cosmopolitan.js +18 -18
  78. package/Controls/Components/Inputs/DateTimeBox/Themes/DateTimeBoxElement.Joy.js +18 -18
  79. package/Controls/Components/Inputs/DateTimeBox/Themes/DateTimeBoxElement.Retro.js +18 -18
  80. package/Controls/Components/Inputs/NumberBox/Themes/NumberBoxElement.Cosmopolitan.js +22 -22
  81. package/Controls/Components/Inputs/NumberBox/Themes/NumberBoxElement.Joy.js +22 -22
  82. package/Controls/Components/Inputs/NumberBox/Themes/NumberBoxElement.Retro.js +22 -22
  83. package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Cosmopolitan.js +13 -13
  84. package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Joy.js +13 -13
  85. package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Retro.d.ts.map +1 -1
  86. package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Retro.js +18 -15
  87. package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Retro.js.map +1 -1
  88. package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Cosmopolitan.js +9 -9
  89. package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Joy.js +9 -9
  90. package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Retro.d.ts.map +1 -1
  91. package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Retro.js +13 -10
  92. package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Retro.js.map +1 -1
  93. package/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.Cosmopolitan.d.ts.map +1 -1
  94. package/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.Cosmopolitan.js +14 -11
  95. package/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.Cosmopolitan.js.map +1 -1
  96. package/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.Joy.d.ts.map +1 -1
  97. package/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.Joy.js +14 -11
  98. package/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.Joy.js.map +1 -1
  99. package/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.Retro.d.ts.map +1 -1
  100. package/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.Retro.js +14 -11
  101. package/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.Retro.js.map +1 -1
  102. package/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Cosmopolitan.js +13 -13
  103. package/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Joy.js +13 -13
  104. package/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Retro.d.ts.map +1 -1
  105. package/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Retro.js +18 -15
  106. package/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Retro.js.map +1 -1
  107. package/Controls/Components/Inputs/Select/SelectItemElement.d.ts +1 -1
  108. package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Cosmopolitan.js +14 -14
  109. package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Joy.d.ts.map +1 -1
  110. package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Joy.js +18 -15
  111. package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Joy.js.map +1 -1
  112. package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Retro.d.ts.map +1 -1
  113. package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Retro.js +19 -16
  114. package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Retro.js.map +1 -1
  115. package/Controls/Components/Inputs/TimeBox/Themes/TimeBoxElement.Cosmopolitan.js +18 -18
  116. package/Controls/Components/Inputs/TimeBox/Themes/TimeBoxElement.Joy.js +18 -18
  117. package/Controls/Components/Inputs/TimeBox/Themes/TimeBoxElement.Retro.js +18 -18
  118. package/Controls/Components/Layouts/Title/Themes/TitleLayoutElement.Joy.d.ts.map +1 -1
  119. package/Controls/Components/Layouts/Title/Themes/TitleLayoutElement.Joy.js +4 -1
  120. package/Controls/Components/Layouts/Title/Themes/TitleLayoutElement.Joy.js.map +1 -1
  121. package/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.d.ts.map +1 -1
  122. package/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.js +8 -5
  123. package/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.js.map +1 -1
  124. package/Controls/Components/Media/Camera/Themes/CameraElement.Joy.d.ts.map +1 -1
  125. package/Controls/Components/Media/Camera/Themes/CameraElement.Joy.js +8 -5
  126. package/Controls/Components/Media/Camera/Themes/CameraElement.Joy.js.map +1 -1
  127. package/Controls/Components/Media/Chip/Themes/ChipElement.Retro.d.ts.map +1 -1
  128. package/Controls/Components/Media/Chip/Themes/ChipElement.Retro.js +5 -2
  129. package/Controls/Components/Media/Chip/Themes/ChipElement.Retro.js.map +1 -1
  130. package/Controls/Components/Media/ColorPicker/ColorPickerElement.js +1 -1
  131. package/Controls/Components/Media/ColorPicker/ColorPickerElement.js.map +1 -1
  132. package/Controls/Components/Overlays/Dialog/Themes/DialogElement.Retro.d.ts.map +1 -1
  133. package/Controls/Components/Overlays/Dialog/Themes/DialogElement.Retro.js +4 -1
  134. package/Controls/Components/Overlays/Dialog/Themes/DialogElement.Retro.js.map +1 -1
  135. package/Controls/Components/Ranges/Slider/Themes/SliderElement.Cosmopolitan.d.ts.map +1 -1
  136. package/Controls/Components/Ranges/Slider/Themes/SliderElement.Cosmopolitan.js +5 -2
  137. package/Controls/Components/Ranges/Slider/Themes/SliderElement.Cosmopolitan.js.map +1 -1
  138. package/Controls/Components/Ranges/Slider/Themes/SliderElement.Joy.d.ts.map +1 -1
  139. package/Controls/Components/Ranges/Slider/Themes/SliderElement.Joy.js +5 -2
  140. package/Controls/Components/Ranges/Slider/Themes/SliderElement.Joy.js.map +1 -1
  141. package/Controls/Components/Ranges/Slider/Themes/SliderElement.Retro.d.ts.map +1 -1
  142. package/Controls/Components/Ranges/Slider/Themes/SliderElement.Retro.js +5 -2
  143. package/Controls/Components/Ranges/Slider/Themes/SliderElement.Retro.js.map +1 -1
  144. package/Controls/Components/Ranges/Slider2/Themes/Slider2ThumbElement.Joy.d.ts.map +1 -1
  145. package/Controls/Components/Ranges/Slider2/Themes/Slider2ThumbElement.Joy.js +4 -1
  146. package/Controls/Components/Ranges/Slider2/Themes/Slider2ThumbElement.Joy.js.map +1 -1
  147. package/Controls/Components/Selectors/Carousel/CarouselElement.d.ts +1 -1
  148. package/Controls/Components/Selectors/Carousel2/Carousel2Element.d.ts +1 -1
  149. package/Controls/Components/Selectors/Carousel2/Carousel2Element.js +1 -1
  150. package/Controls/Components/Selectors/Carousel2/Carousel2Element.js.map +1 -1
  151. package/Controls/Components/Selectors/Combo/ComboItemElement.d.ts +1 -1
  152. package/Controls/Components/Selectors/DataList/DataListElement.d.ts +1 -1
  153. package/Controls/Components/Selectors/DataTable/DataTableElement.d.ts +1 -1
  154. package/Controls/Components/Selectors/List/ListElement.d.ts +1 -1
  155. package/Controls/Components/Selectors/List/ListItemElement.d.ts +1 -1
  156. package/Controls/Components/Selectors/Segment/Themes/SegmentElement.Retro.d.ts.map +1 -1
  157. package/Controls/Components/Selectors/Segment/Themes/SegmentElement.Retro.js +6 -3
  158. package/Controls/Components/Selectors/Segment/Themes/SegmentElement.Retro.js.map +1 -1
  159. package/Controls/Components/Selectors/Tab/Themes/TabElement.Retro.d.ts.map +1 -1
  160. package/Controls/Components/Selectors/Tab/Themes/TabElement.Retro.js +5 -2
  161. package/Controls/Components/Selectors/Tab/Themes/TabElement.Retro.js.map +1 -1
  162. package/Controls/Components/Selectors/Tree/TreeElement.d.ts +1 -1
  163. package/Controls/Components/Selectors/Tree/TreeItemElement.d.ts +1 -1
  164. package/Controls/Components/Selectors/Wizard/WizardElement.d.ts +1 -1
  165. package/Controls/Components/Selectors/Wizard/WizardStepElement.d.ts +1 -1
  166. package/MvP/ViewPresenter.d.ts +1 -1
  167. package/MvP/ViewPresenter.d.ts.map +1 -1
  168. package/MvP/ViewPresenter.js +1 -1
  169. package/MvP/ViewPresenter.js.map +1 -1
  170. package/custom-elements.json +7 -7
  171. package/package.json +6 -6
@@ -97,6 +97,18 @@ export function repeatButtonElementCosmopolitanStyle() {
97
97
  display: flex;
98
98
  }
99
99
 
100
+ :host [part="button"]:before {
101
+ border-radius: var(--repeat-button-border-radius);
102
+ content: "";
103
+ opacity: 0;
104
+ pointer-events: none;
105
+ width: 100%;
106
+ height: 100%;
107
+ transition: inherit;
108
+ position: absolute;
109
+ inset: 0;
110
+ }
111
+
100
112
  :host [part="button"] {
101
113
  font-family: inherit;
102
114
  font-size: inherit;
@@ -148,18 +160,6 @@ export function repeatButtonElementCosmopolitanStyle() {
148
160
  overflow: hidden;
149
161
  }
150
162
 
151
- :host [part="button"]:before {
152
- border-radius: var(--repeat-button-border-radius);
153
- content: "";
154
- opacity: 0;
155
- pointer-events: none;
156
- width: 100%;
157
- height: 100%;
158
- transition: inherit;
159
- position: absolute;
160
- inset: 0;
161
- }
162
-
163
163
  :host [part="button"] [part="icon"] {
164
164
  color: inherit;
165
165
  }
@@ -97,6 +97,18 @@ export function repeatButtonElementJoyStyle() {
97
97
  display: flex;
98
98
  }
99
99
 
100
+ :host [part="button"]:before {
101
+ border-radius: var(--repeat-button-border-radius);
102
+ content: "";
103
+ opacity: 0;
104
+ pointer-events: none;
105
+ width: 100%;
106
+ height: 100%;
107
+ transition: inherit;
108
+ position: absolute;
109
+ inset: 0;
110
+ }
111
+
100
112
  :host [part="button"] {
101
113
  font-family: inherit;
102
114
  font-size: inherit;
@@ -148,18 +160,6 @@ export function repeatButtonElementJoyStyle() {
148
160
  overflow: hidden;
149
161
  }
150
162
 
151
- :host [part="button"]:before {
152
- border-radius: var(--repeat-button-border-radius);
153
- content: "";
154
- opacity: 0;
155
- pointer-events: none;
156
- width: 100%;
157
- height: 100%;
158
- transition: inherit;
159
- position: absolute;
160
- inset: 0;
161
- }
162
-
163
163
  :host [part="button"] [part="icon"] {
164
164
  color: inherit;
165
165
  }
@@ -100,6 +100,18 @@ export function repeatButtonElementRetroStyle() {
100
100
  display: flex;
101
101
  }
102
102
 
103
+ :host [part="button"]:before {
104
+ border-radius: var(--repeat-button-border-radius);
105
+ content: "";
106
+ opacity: 0;
107
+ pointer-events: none;
108
+ width: 100%;
109
+ height: 100%;
110
+ transition: inherit;
111
+ position: absolute;
112
+ inset: 0;
113
+ }
114
+
103
115
  :host [part="button"] {
104
116
  font-family: inherit;
105
117
  font-size: inherit;
@@ -151,18 +163,6 @@ export function repeatButtonElementRetroStyle() {
151
163
  overflow: hidden;
152
164
  }
153
165
 
154
- :host [part="button"]:before {
155
- border-radius: var(--repeat-button-border-radius);
156
- content: "";
157
- opacity: 0;
158
- pointer-events: none;
159
- width: 100%;
160
- height: 100%;
161
- transition: inherit;
162
- position: absolute;
163
- inset: 0;
164
- }
165
-
166
166
  :host [part="button"] [part="icon"] {
167
167
  color: inherit;
168
168
  }
@@ -97,6 +97,19 @@ export function splitButtonElementCosmopolitanStyle() {
97
97
  display: flex;
98
98
  }
99
99
 
100
+ :host [part="button"]:before {
101
+ border-top-left-radius: var(--split-button-border-radius);
102
+ border-bottom-left-radius: var(--split-button-border-radius);
103
+ content: "";
104
+ opacity: 0;
105
+ pointer-events: none;
106
+ width: 100%;
107
+ height: 100%;
108
+ transition: inherit;
109
+ position: absolute;
110
+ inset: 0;
111
+ }
112
+
100
113
  :host [part="button"] {
101
114
  font-family: inherit;
102
115
  font-size: inherit;
@@ -149,19 +162,6 @@ export function splitButtonElementCosmopolitanStyle() {
149
162
  overflow: hidden;
150
163
  }
151
164
 
152
- :host [part="button"]:before {
153
- border-top-left-radius: var(--split-button-border-radius);
154
- border-bottom-left-radius: var(--split-button-border-radius);
155
- content: "";
156
- opacity: 0;
157
- pointer-events: none;
158
- width: 100%;
159
- height: 100%;
160
- transition: inherit;
161
- position: absolute;
162
- inset: 0;
163
- }
164
-
165
165
  :host [part="button"] [part="icon"] {
166
166
  color: inherit;
167
167
  }
@@ -97,6 +97,19 @@ export function splitButtonElementJoyStyle() {
97
97
  display: flex;
98
98
  }
99
99
 
100
+ :host [part="button"]:before {
101
+ border-top-left-radius: var(--split-button-border-radius);
102
+ border-bottom-left-radius: var(--split-button-border-radius);
103
+ content: "";
104
+ opacity: 0;
105
+ pointer-events: none;
106
+ width: 100%;
107
+ height: 100%;
108
+ transition: inherit;
109
+ position: absolute;
110
+ inset: 0;
111
+ }
112
+
100
113
  :host [part="button"] {
101
114
  font-family: inherit;
102
115
  font-size: inherit;
@@ -149,19 +162,6 @@ export function splitButtonElementJoyStyle() {
149
162
  overflow: hidden;
150
163
  }
151
164
 
152
- :host [part="button"]:before {
153
- border-top-left-radius: var(--split-button-border-radius);
154
- border-bottom-left-radius: var(--split-button-border-radius);
155
- content: "";
156
- opacity: 0;
157
- pointer-events: none;
158
- width: 100%;
159
- height: 100%;
160
- transition: inherit;
161
- position: absolute;
162
- inset: 0;
163
- }
164
-
165
165
  :host [part="button"] [part="icon"] {
166
166
  color: inherit;
167
167
  }
@@ -100,6 +100,19 @@ export function splitButtonElementRetroStyle() {
100
100
  display: flex;
101
101
  }
102
102
 
103
+ :host [part="button"]:before {
104
+ border-top-left-radius: var(--split-button-border-radius);
105
+ border-bottom-left-radius: var(--split-button-border-radius);
106
+ content: "";
107
+ opacity: 0;
108
+ pointer-events: none;
109
+ width: 100%;
110
+ height: 100%;
111
+ transition: inherit;
112
+ position: absolute;
113
+ inset: 0;
114
+ }
115
+
103
116
  :host [part="button"] {
104
117
  font-family: inherit;
105
118
  font-size: inherit;
@@ -152,19 +165,6 @@ export function splitButtonElementRetroStyle() {
152
165
  overflow: hidden;
153
166
  }
154
167
 
155
- :host [part="button"]:before {
156
- border-top-left-radius: var(--split-button-border-radius);
157
- border-bottom-left-radius: var(--split-button-border-radius);
158
- content: "";
159
- opacity: 0;
160
- pointer-events: none;
161
- width: 100%;
162
- height: 100%;
163
- transition: inherit;
164
- position: absolute;
165
- inset: 0;
166
- }
167
-
168
168
  :host [part="button"] [part="icon"] {
169
169
  color: inherit;
170
170
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleButtonElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAkVzD"}
1
+ {"version":3,"file":"ToggleButtonElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAqVzD"}
@@ -94,14 +94,6 @@ export function toggleButtonElementRetroStyle() {
94
94
  height: var(--toggle-button-height);
95
95
  translate: var(--toggle-button-translate);
96
96
  cursor: pointer;
97
- --toggle-button-border-color: #000;
98
- --toggle-button-border-width: 3px;
99
- --toggle-button-border-style: solid;
100
- --toggle-button-shadow: var(--retro-elevation-semilight);
101
- --toggle-button-padding-top: 5px;
102
- --toggle-button-padding-right: 10px;
103
- --toggle-button-padding-bottom: 5px;
104
- --toggle-button-padding-left: 10px;
105
97
  border-start-start-radius: var(--toggle-button-border-radius);
106
98
  border-start-end-radius: var(--toggle-button-border-radius);
107
99
  border-end-end-radius: var(--toggle-button-border-radius);
@@ -274,6 +266,17 @@ export function toggleButtonElementRetroStyle() {
274
266
  border-radius: 0 var(--toggle-button-border-radius) var(--toggle-button-border-radius) 0;
275
267
  }
276
268
 
269
+ :host {
270
+ --toggle-button-border-color: #000;
271
+ --toggle-button-border-width: 3px;
272
+ --toggle-button-border-style: solid;
273
+ --toggle-button-shadow: var(--retro-elevation-semilight);
274
+ --toggle-button-padding-top: 5px;
275
+ --toggle-button-padding-right: 10px;
276
+ --toggle-button-padding-bottom: 5px;
277
+ --toggle-button-padding-left: 10px;
278
+ }
279
+
277
280
  :host(:hover) {
278
281
  --toggle-button-translate: 1.5px 1.5px;
279
282
  --toggle-button-shadow: 1.5px 1.5px 0 #000;
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleButtonElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgVT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ToggleButtonElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmVT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleButtonGroupElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CA+K9D"}
1
+ {"version":3,"file":"ToggleButtonGroupElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CAkL9D"}
@@ -91,7 +91,6 @@ export function toggleButtonGroupElementRetroStyle() {
91
91
  border-width: var(--toggle-button-group-border-width);
92
92
  border-radius: var(--toggle-button-group-border-radius);
93
93
  border-style: var(--toggle-button-group-border-style);
94
- box-shadow: var(--toggle-button-group-shadow-offset-x) var(--toggle-button-group-shadow-offset-y) var(--toggle-button-group-shadow-blur) var(--toggle-button-group-shadow-spread) var(--toggle-button-group-shadow-color);
95
94
  grid-auto-columns: minmax(0, 1fr);
96
95
  grid-auto-flow: column;
97
96
  display: grid;
@@ -184,6 +183,10 @@ export function toggleButtonGroupElementRetroStyle() {
184
183
  border-top-width: 2px;
185
184
  }
186
185
 
186
+ :host {
187
+ box-shadow: var(--toggle-button-group-shadow-offset-x) var(--toggle-button-group-shadow-offset-y) var(--toggle-button-group-shadow-blur) var(--toggle-button-group-shadow-spread) var(--toggle-button-group-shadow-color);
188
+ }
189
+
187
190
  `;
188
191
  }
189
192
  //# sourceMappingURL=ToggleButtonGroupElement.Retro.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleButtonGroupElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6KT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ToggleButtonGroupElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgLT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"CellGroupElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Cells/Themes/CellGroupElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAI1D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CA6FtD"}
1
+ {"version":3,"file":"CellGroupElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Cells/Themes/CellGroupElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAI1D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAgGtD"}
@@ -69,7 +69,6 @@ export function cellGroupElementRetroStyle() {
69
69
  }
70
70
 
71
71
  :host {
72
- --cell-group-shadow-color: var(--retro-scheme-highlight);
73
72
  flex-direction: column;
74
73
  display: flex;
75
74
  }
@@ -98,6 +97,10 @@ export function cellGroupElementRetroStyle() {
98
97
  text-transform: var(--cell-group-font-text-transform);
99
98
  }
100
99
 
100
+ :host {
101
+ --cell-group-shadow-color: var(--retro-scheme-highlight);
102
+ }
103
+
101
104
  :host [part="root"] {
102
105
  box-shadow: var(--cell-group-shadow-offset-x) var(--cell-group-shadow-offset-y) var(--cell-group-shadow-blur) var(--cell-group-shadow-spread) var(--cell-group-shadow-color);
103
106
  }
@@ -1 +1 @@
1
- {"version":3,"file":"CellGroupElement.Retro.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Cells/Themes/CellGroupElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,qBAAqB,CAAC;AAE1D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2FT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"CellGroupElement.Retro.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Cells/Themes/CellGroupElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,qBAAqB,CAAC;AAE1D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8FT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BannerElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CA8NnD"}
1
+ {"version":3,"file":"BannerElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAiOnD"}
@@ -86,10 +86,6 @@ export function bannerElementRetroStyle() {
86
86
  padding-bottom: var(--banner-padding-bottom);
87
87
  padding-right: var(--banner-padding-right);
88
88
  box-sizing: border-box;
89
- --banner-background-color: var(--retro-scheme-highlight);
90
- --banner-foreground-color: var(--retro-scheme-foreground);
91
- --banner-shadow-color: var(--retro-scheme-highlight);
92
- box-shadow: var(--banner-shadow-offset-x) var(--banner-shadow-offset-y) var(--banner-shadow-blur) var(--banner-shadow-spread) var(--banner-shadow-color);
93
89
  display: block;
94
90
  position: relative;
95
91
  }
@@ -178,6 +174,13 @@ export function bannerElementRetroStyle() {
178
174
  height: 100%;
179
175
  }
180
176
 
177
+ :host {
178
+ --banner-background-color: var(--retro-scheme-highlight);
179
+ --banner-foreground-color: var(--retro-scheme-foreground);
180
+ --banner-shadow-color: var(--retro-scheme-highlight);
181
+ box-shadow: var(--banner-shadow-offset-x) var(--banner-shadow-offset-y) var(--banner-shadow-blur) var(--banner-shadow-spread) var(--banner-shadow-color);
182
+ }
183
+
181
184
  :host [part="root"] [part="actions"] ~ [part="actions"] {
182
185
  margin: 0 0 0 calc(var(--retro-layout-space) * 2);
183
186
  }
@@ -1 +1 @@
1
- {"version":3,"file":"BannerElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4NT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"BannerElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+NT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"CardElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Card/Themes/CardElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CAgUjD"}
1
+ {"version":3,"file":"CardElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Card/Themes/CardElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CAmUjD"}
@@ -86,7 +86,6 @@ export function cardElementRetroStyle() {
86
86
  border: var(--card-border-width) var(--card-border-style) var(--card-border-color);
87
87
  border-radius: var(--card-border-radius);
88
88
  background-color: var(--card-background-color);
89
- --card-shadow-color: var(--retro-scheme-highlight);
90
89
  flex-direction: column;
91
90
  display: flex;
92
91
  overflow: hidden;
@@ -299,6 +298,10 @@ export function cardElementRetroStyle() {
299
298
  cursor: pointer;
300
299
  }
301
300
 
301
+ :host {
302
+ --card-shadow-color: var(--retro-scheme-highlight);
303
+ }
304
+
302
305
  :host([inset*="top"]) [part="content"] {
303
306
  padding-top: var(--retro-layout-space);
304
307
  }
@@ -1 +1 @@
1
- {"version":3,"file":"CardElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Card/Themes/CardElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8TT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"CardElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Card/Themes/CardElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiUT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ExpanderElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CA+QrD"}
1
+ {"version":3,"file":"ExpanderElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAkRrD"}
@@ -88,8 +88,6 @@ export function expanderElementRetroStyle() {
88
88
  transition-timing-function: var(--expander-transition-mode);
89
89
  transition-property: var(--expander-transition-property);
90
90
  color: var(--expander-foreground-color);
91
- --expander-shadow-color: var(--retro-scheme-highlight);
92
- box-shadow: var(--expander-shadow-offset-x) var(--expander-shadow-offset-y) var(--expander-shadow-blur) var(--expander-shadow-spread) var(--expander-shadow-color);
93
91
  border-start-start-radius: var(--expander-border-radius);
94
92
  border-start-end-radius: var(--expander-border-radius);
95
93
  border-end-end-radius: var(--expander-border-radius);
@@ -258,6 +256,11 @@ export function expanderElementRetroStyle() {
258
256
  order: 3;
259
257
  }
260
258
 
259
+ :host {
260
+ --expander-shadow-color: var(--retro-scheme-highlight);
261
+ box-shadow: var(--expander-shadow-offset-x) var(--expander-shadow-offset-y) var(--expander-shadow-blur) var(--expander-shadow-spread) var(--expander-shadow-color);
262
+ }
263
+
261
264
  :host [part="root"] [part="expandable"] {
262
265
  background-color: var(--retro-scheme-background);
263
266
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ExpanderElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6QT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ExpanderElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgRT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ToolbarElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CAqIpD"}
1
+ {"version":3,"file":"ToolbarElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CAwIpD"}
@@ -87,7 +87,6 @@ export function toolbarElementRetroStyle() {
87
87
  border-style: var(--toolbar-border-style);
88
88
  border-color: var(--toolbar-border-color);
89
89
  border-width: var(--toolbar-border-width);
90
- --toolbar-shadow-color: var(--retro-scheme-highlight);
91
90
  align-items: center;
92
91
  display: flex;
93
92
  }
@@ -133,6 +132,10 @@ export function toolbarElementRetroStyle() {
133
132
  height: 100%;
134
133
  }
135
134
 
135
+ :host {
136
+ --toolbar-shadow-color: var(--retro-scheme-highlight);
137
+ }
138
+
136
139
  :host([appearance="plain"]) {
137
140
  --toolbar-border-style: none;
138
141
  box-shadow: none;
@@ -1 +1 @@
1
- {"version":3,"file":"ToolbarElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmIT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ToolbarElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsIT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAwJrD"}
1
+ {"version":3,"file":"CalendarElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CA2JrD"}
@@ -93,8 +93,6 @@ export function calendarElementRetroStyle() {
93
93
  border-width: var(--calendar-border-width);
94
94
  border-radius: var(--calendar-border-radius);
95
95
  border-style: var(--calendar-border-style);
96
- --calendar-shadow-color: var(--retro-scheme-highlight);
97
- box-shadow: var(--calendar-shadow-offset-x) var(--calendar-shadow-offset-y) var(--calendar-shadow-blur) var(--calendar-shadow-spread) var(--calendar-shadow-color);
98
96
  display: block;
99
97
  }
100
98
 
@@ -161,6 +159,11 @@ export function calendarElementRetroStyle() {
161
159
  height: 100%;
162
160
  }
163
161
 
162
+ :host {
163
+ --calendar-shadow-color: var(--retro-scheme-highlight);
164
+ box-shadow: var(--calendar-shadow-offset-x) var(--calendar-shadow-offset-y) var(--calendar-shadow-blur) var(--calendar-shadow-spread) var(--calendar-shadow-color);
165
+ }
166
+
164
167
  `;
165
168
  }
166
169
  //# sourceMappingURL=CalendarElement.Retro.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsJT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"CalendarElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyJT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarItemElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAgKzD"}
1
+ {"version":3,"file":"CalendarItemElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAmKzD"}
@@ -100,8 +100,6 @@ export function calendarItemElementRetroStyle() {
100
100
  border-style: var(--calendar-item-border-style);
101
101
  text-align: center;
102
102
  cursor: pointer;
103
- --calendar-item-shadow-color: var(--retro-scheme-highlight);
104
- box-shadow: var(--calendar-item-shadow-offset-x) var(--calendar-item-shadow-offset-y) var(--calendar-item-shadow-blur) var(--calendar-item-shadow-spread) var(--calendar-item-shadow-color);
105
103
  outline: none;
106
104
  flex-direction: column;
107
105
  align-items: center;
@@ -169,6 +167,11 @@ export function calendarItemElementRetroStyle() {
169
167
  opacity: .26;
170
168
  }
171
169
 
170
+ :host {
171
+ --calendar-item-shadow-color: var(--retro-scheme-highlight);
172
+ box-shadow: var(--calendar-item-shadow-offset-x) var(--calendar-item-shadow-offset-y) var(--calendar-item-shadow-blur) var(--calendar-item-shadow-spread) var(--calendar-item-shadow-color);
173
+ }
174
+
172
175
  `;
173
176
  }
174
177
  //# sourceMappingURL=CalendarItemElement.Retro.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarItemElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8JT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"CalendarItemElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiKT,CAAC;AACN,CAAC"}
@@ -65,6 +65,16 @@ export function chipBoxElementCosmopolitanStyle() {
65
65
  display: none !important;
66
66
  }
67
67
 
68
+ :host input {
69
+ font-family: inherit;
70
+ font-size: inherit;
71
+ line-height: inherit;
72
+ cursor: inherit;
73
+ resize: none;
74
+ margin: 0;
75
+ overflow: visible;
76
+ }
77
+
68
78
  :host {
69
79
  font-family: var(--chipbox-font-family);
70
80
  font-size: var(--chipbox-font-size);
@@ -100,16 +110,6 @@ export function chipBoxElementCosmopolitanStyle() {
100
110
  display: flex;
101
111
  }
102
112
 
103
- :host input {
104
- font-family: inherit;
105
- font-size: inherit;
106
- line-height: inherit;
107
- cursor: inherit;
108
- resize: none;
109
- margin: 0;
110
- overflow: visible;
111
- }
112
-
113
113
  :host [part="suffix"] {
114
114
  gap: var(--chipbox-gap);
115
115
  flex-grow: 0;
@@ -195,14 +195,14 @@ export function chipBoxElementCosmopolitanStyle() {
195
195
  transform: translateY(-50%);
196
196
  }
197
197
 
198
- :host([has-label]) [part="inner"] {
199
- padding-bottom: unset;
200
- }
201
-
202
198
  :host([has-label]) [part="inner"] [part="wrapper"] {
203
199
  padding-top: 12px;
204
200
  }
205
201
 
202
+ :host([has-label]) [part="inner"] {
203
+ padding-bottom: unset;
204
+ }
205
+
206
206
  :host([required]) [part="label"]:after {
207
207
  content: "*";
208
208
  margin-left: 2px;
@@ -65,6 +65,16 @@ export function chipBoxElementJoyStyle() {
65
65
  display: none !important;
66
66
  }
67
67
 
68
+ :host input {
69
+ font-family: inherit;
70
+ font-size: inherit;
71
+ line-height: inherit;
72
+ cursor: inherit;
73
+ resize: none;
74
+ margin: 0;
75
+ overflow: visible;
76
+ }
77
+
68
78
  :host {
69
79
  font-family: var(--chipbox-font-family);
70
80
  font-size: var(--chipbox-font-size);
@@ -100,16 +110,6 @@ export function chipBoxElementJoyStyle() {
100
110
  display: flex;
101
111
  }
102
112
 
103
- :host input {
104
- font-family: inherit;
105
- font-size: inherit;
106
- line-height: inherit;
107
- cursor: inherit;
108
- resize: none;
109
- margin: 0;
110
- overflow: visible;
111
- }
112
-
113
113
  :host [part="suffix"] {
114
114
  gap: var(--chipbox-gap);
115
115
  flex-grow: 0;
@@ -195,14 +195,14 @@ export function chipBoxElementJoyStyle() {
195
195
  transform: translateY(-50%);
196
196
  }
197
197
 
198
- :host([has-label]) [part="inner"] {
199
- padding-bottom: unset;
200
- }
201
-
202
198
  :host([has-label]) [part="inner"] [part="wrapper"] {
203
199
  padding-top: 12px;
204
200
  }
205
201
 
202
+ :host([has-label]) [part="inner"] {
203
+ padding-bottom: unset;
204
+ }
205
+
206
206
  :host([required]) [part="label"]:after {
207
207
  content: "*";
208
208
  margin-left: 2px;