@breadstone/mosaik-elements-foundation 0.0.221 → 0.0.222
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.
- package/Controls/Behaviors/Themeable.js +2 -2
- package/Controls/Behaviors/Themeable.js.map +1 -1
- package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.js +26 -26
- package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.js +27 -27
- package/Controls/Components/Buttons/Button/Themes/ButtonElement.Memphis.js +26 -26
- package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Cosmopolitan.js +8 -8
- package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Joy.js +10 -10
- package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Memphis.js +9 -9
- package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Cosmopolitan.js +9 -9
- package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Joy.js +10 -10
- package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Memphis.js +8 -8
- package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Cosmopolitan.js +8 -8
- package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Joy.js +9 -9
- package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Memphis.js +32 -32
- package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Cosmopolitan.js +8 -8
- package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Joy.js +10 -10
- package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Memphis.js +9 -9
- package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Cosmopolitan.js +8 -8
- package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Joy.js +12 -12
- package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Memphis.js +9 -9
- package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Cosmopolitan.js +9 -9
- package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Joy.js +10 -10
- package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Memphis.js +9 -9
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Cosmopolitan.js +1 -1
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Joy.js +1 -1
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Memphis.js +1 -1
- package/Controls/Components/Grouping/Expander/ExpanderGroupElement.d.ts +0 -3
- package/Controls/Components/Grouping/Expander/ExpanderGroupElement.d.ts.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Cosmopolitan.js +0 -4
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Joy.js +0 -4
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Joy.js.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Memphis.js +0 -4
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Memphis.js.map +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarSubHeaderElement.Cosmopolitan.js +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarSubHeaderElement.Joy.js +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarSubHeaderElement.Memphis.js +1 -1
- package/Controls/Components/Inputs/CheckBox/Themes/CheckBoxElement.Joy.js +1 -1
- package/Controls/Components/Inputs/Choice/Themes/ChoiceElement.Joy.js +1 -1
- package/Controls/Components/Inputs/Radio/Themes/RadioElement.Joy.js +1 -1
- package/Controls/Components/Inputs/Radio/Themes/RadioElement.Memphis.js +1 -1
- package/Controls/Components/Inputs/ToggleSwitch/Themes/ToggleSwitchElement.Joy.js +1 -1
- package/Controls/Components/Layouts/TileManager/Themes/TileManagerTileElement.Cosmopolitan.js +2 -2
- package/Controls/Components/Layouts/TileManager/Themes/TileManagerTileElement.Joy.js +2 -2
- package/Controls/Components/Layouts/TileManager/Themes/TileManagerTileElement.Memphis.js +2 -2
- package/Controls/Components/Media/Avatar/Themes/AvatarElement.Joy.js +3 -3
- package/Controls/Components/Media/Avatar/Themes/AvatarElement.Memphis.js +1 -1
- package/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.js +4 -4
- package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Joy.js +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Memphis.js +1 -1
- package/Controls/Components/Media/Chip/Themes/ChipElement.Joy.js +4 -4
- package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.Cosmopolitan.js +4 -4
- package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.Joy.js +4 -4
- package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.Memphis.js +4 -4
- package/Controls/Components/Media/Persona/Themes/PersonaElement.Joy.js +1 -1
- package/Controls/Components/Overlays/Toast/Themes/ToastElement.Memphis.js +1 -1
- package/Controls/Components/Primitives/Floating/Themes/FloatingElement.Joy.js +1 -1
- package/Controls/Components/Primitives/Floating/Themes/FloatingElement.Memphis.js +1 -1
- package/Controls/Components/Primitives/Popup/Themes/PopupElement.Memphis.js +1 -1
- package/Controls/Components/Primitives/TickBar/Themes/TickBarElement.Cosmopolitan.js +5 -5
- package/Controls/Components/Primitives/TickBar/Themes/TickBarElement.Joy.js +5 -5
- package/Controls/Components/Primitives/TickBar/Themes/TickBarElement.Memphis.js +5 -5
- package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Cosmopolitan.js +2 -2
- package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Joy.js +2 -2
- package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Memphis.js +2 -2
- package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.js +7 -4
- package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.js.map +1 -1
- package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.js +3 -3
- package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Joy.js +3 -3
- package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Memphis.js +3 -3
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Cosmopolitan.js +2 -2
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Joy.js +2 -2
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Memphis.js +2 -2
- package/Controls/Components/Selectors/ElectronicProgramGuide/Themes/EpgProgramElement.Joy.js +1 -1
- package/Controls/Components/Selectors/ElectronicProgramGuide/Themes/EpgProgramElement.Memphis.js +1 -1
- package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Cosmopolitan.js +1 -1
- package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.js +1 -1
- package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Memphis.js +1 -1
- package/Controls/Components/Selectors/Segment/Themes/SegmentElement.Joy.js +1 -1
- package/Controls/Components/Selectors/Segment/Themes/SegmentElement.Memphis.js +1 -1
- package/Controls/Components/Selectors/Tab/Themes/TabElement.Cosmopolitan.js +1 -1
- package/Controls/Components/Selectors/Tab/Themes/TabElement.Joy.js +1 -1
- package/Controls/Components/Selectors/Tab/Themes/TabElement.Memphis.js +1 -1
- package/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Joy.js +1 -1
- package/Index.d.ts +1 -1
- package/Index.d.ts.map +1 -1
- package/Reactivity/Rx/Directives/AsyncDirective.d.ts +1 -1
- package/Routing/PathToRegexp.d.ts +1 -1
- package/Theming/IThemeElementProps.d.ts +16 -1
- package/Theming/IThemeElementProps.d.ts.map +1 -1
- package/Theming/IThemeService.d.ts +57 -154
- package/Theming/IThemeService.d.ts.map +1 -1
- package/Theming/IThemeService.js +3 -1
- package/Theming/IThemeService.js.map +1 -1
- package/Theming/Theme2Element.d.ts +76 -9
- package/Theming/Theme2Element.d.ts.map +1 -1
- package/Theming/Theme2Element.js +105 -54
- package/Theming/Theme2Element.js.map +1 -1
- package/Theming/Theme2ElementTemplate.d.ts +1 -1
- package/Theming/Theme2ElementTemplate.d.ts.map +1 -1
- package/Theming/Theme2ElementTemplate.js +1 -1
- package/Theming/Theme2ElementTemplate.js.map +1 -1
- package/Theming/ThemeService.d.ts +118 -67
- package/Theming/ThemeService.d.ts.map +1 -1
- package/Theming/ThemeService.js +453 -195
- package/Theming/ThemeService.js.map +1 -1
- package/package.json +3 -3
|
@@ -254,23 +254,23 @@ export function floatingActionButtonElementMemphisStyle() {
|
|
|
254
254
|
}
|
|
255
255
|
|
|
256
256
|
:host([size="tiny"]) {
|
|
257
|
-
--fab-font-size: calc(var(--fab-font-size)
|
|
258
|
-
--fab-line-height: calc(var(--fab-font-line-height)
|
|
257
|
+
--fab-font-size: calc(var(--fab-font-size) - 4px);
|
|
258
|
+
--fab-line-height: calc(var(--fab-font-line-height) - 4px);
|
|
259
259
|
}
|
|
260
260
|
|
|
261
261
|
:host([size="small"]) {
|
|
262
|
-
--fab-font-size: calc(var(--fab-font-size)
|
|
263
|
-
--fab-line-height: calc(var(--fab-font-line-height)
|
|
262
|
+
--fab-font-size: calc(var(--fab-font-size) - 2px);
|
|
263
|
+
--fab-line-height: calc(var(--fab-font-line-height) - 2px);
|
|
264
264
|
}
|
|
265
265
|
|
|
266
266
|
:host([size="large"]) {
|
|
267
|
-
--fab-font-size: calc(var(--fab-font-size)
|
|
268
|
-
--fab-line-height: calc(var(--fab-font-line-height)
|
|
267
|
+
--fab-font-size: calc(var(--fab-font-size) + 2px);
|
|
268
|
+
--fab-line-height: calc(var(--fab-font-line-height) + 2px);
|
|
269
269
|
}
|
|
270
270
|
|
|
271
271
|
:host([size="giant"]) {
|
|
272
|
-
--fab-font-size: calc(var(--fab-font-size)
|
|
273
|
-
--fab-line-height: calc(var(--fab-font-line-height)
|
|
272
|
+
--fab-font-size: calc(var(--fab-font-size) + 4px);
|
|
273
|
+
--fab-line-height: calc(var(--fab-font-line-height) + 4px);
|
|
274
274
|
}
|
|
275
275
|
|
|
276
276
|
:host([fit="width"]) {
|
|
@@ -508,21 +508,21 @@ export function floatingActionButtonElementMemphisStyle() {
|
|
|
508
508
|
}
|
|
509
509
|
|
|
510
510
|
:host([size="tiny"]) {
|
|
511
|
-
--fab-font-size: calc(var(--memphis-typography-button-font-size)
|
|
512
|
-
--fab-font-line-height: calc(var(--memphis-typography-button-line-height)
|
|
513
|
-
--fab-padding-top: calc(var(--memphis-layout-space)
|
|
514
|
-
--fab-padding-right: calc(var(--memphis-layout-space)
|
|
515
|
-
--fab-padding-bottom: calc(var(--memphis-layout-space)
|
|
516
|
-
--fab-padding-left: calc(var(--memphis-layout-space)
|
|
511
|
+
--fab-font-size: calc(var(--memphis-typography-button-font-size) - 4px);
|
|
512
|
+
--fab-font-line-height: calc(var(--memphis-typography-button-line-height) - 4px);
|
|
513
|
+
--fab-padding-top: calc(var(--memphis-layout-space) - 4px);
|
|
514
|
+
--fab-padding-right: calc(var(--memphis-layout-space) - 4px);
|
|
515
|
+
--fab-padding-bottom: calc(var(--memphis-layout-space) - 4px);
|
|
516
|
+
--fab-padding-left: calc(var(--memphis-layout-space) - 4px);
|
|
517
517
|
}
|
|
518
518
|
|
|
519
519
|
:host([size="small"]) {
|
|
520
|
-
--fab-font-size: calc(var(--memphis-typography-button-font-size)
|
|
521
|
-
--fab-font-line-height: calc(var(--memphis-typography-button-line-height)
|
|
522
|
-
--fab-padding-top: calc(var(--memphis-layout-space)
|
|
523
|
-
--fab-padding-right: calc(var(--memphis-layout-space)
|
|
524
|
-
--fab-padding-bottom: calc(var(--memphis-layout-space)
|
|
525
|
-
--fab-padding-left: calc(var(--memphis-layout-space)
|
|
520
|
+
--fab-font-size: calc(var(--memphis-typography-button-font-size) - 2px);
|
|
521
|
+
--fab-font-line-height: calc(var(--memphis-typography-button-line-height) - 2px);
|
|
522
|
+
--fab-padding-top: calc(var(--memphis-layout-space) - 2px);
|
|
523
|
+
--fab-padding-right: calc(var(--memphis-layout-space) - 2px);
|
|
524
|
+
--fab-padding-bottom: calc(var(--memphis-layout-space) - 2px);
|
|
525
|
+
--fab-padding-left: calc(var(--memphis-layout-space) - 2px);
|
|
526
526
|
}
|
|
527
527
|
|
|
528
528
|
:host([size="medium"]) {
|
|
@@ -531,21 +531,21 @@ export function floatingActionButtonElementMemphisStyle() {
|
|
|
531
531
|
}
|
|
532
532
|
|
|
533
533
|
:host([size="large"]) {
|
|
534
|
-
--fab-font-size: calc(var(--memphis-typography-button-font-size)
|
|
535
|
-
--fab-font-line-height: calc(var(--memphis-typography-button-line-height)
|
|
536
|
-
--fab-padding-top: calc(var(--memphis-layout-space)
|
|
537
|
-
--fab-padding-right: calc(var(--memphis-layout-space)
|
|
538
|
-
--fab-padding-bottom: calc(var(--memphis-layout-space)
|
|
539
|
-
--fab-padding-left: calc(var(--memphis-layout-space)
|
|
534
|
+
--fab-font-size: calc(var(--memphis-typography-button-font-size) + 2px);
|
|
535
|
+
--fab-font-line-height: calc(var(--memphis-typography-button-line-height) + 2px);
|
|
536
|
+
--fab-padding-top: calc(var(--memphis-layout-space) + 4px);
|
|
537
|
+
--fab-padding-right: calc(var(--memphis-layout-space) + 4px);
|
|
538
|
+
--fab-padding-bottom: calc(var(--memphis-layout-space) + 4px);
|
|
539
|
+
--fab-padding-left: calc(var(--memphis-layout-space) + 4px);
|
|
540
540
|
}
|
|
541
541
|
|
|
542
542
|
:host([size="giant"]) {
|
|
543
|
-
--fab-font-size: calc(var(--memphis-typography-button-font-size)
|
|
544
|
-
--fab-font-line-height: calc(var(--memphis-typography-button-line-height)
|
|
545
|
-
--fab-padding-top: calc(var(--memphis-layout-space)
|
|
546
|
-
--fab-padding-right: calc(var(--memphis-layout-space)
|
|
547
|
-
--fab-padding-bottom: calc(var(--memphis-layout-space)
|
|
548
|
-
--fab-padding-left: calc(var(--memphis-layout-space)
|
|
543
|
+
--fab-font-size: calc(var(--memphis-typography-button-font-size) + 4px);
|
|
544
|
+
--fab-font-line-height: calc(var(--memphis-typography-button-line-height) + 4px);
|
|
545
|
+
--fab-padding-top: calc(var(--memphis-layout-space) + 8px);
|
|
546
|
+
--fab-padding-right: calc(var(--memphis-layout-space) + 8px);
|
|
547
|
+
--fab-padding-bottom: calc(var(--memphis-layout-space) + 8px);
|
|
548
|
+
--fab-padding-left: calc(var(--memphis-layout-space) + 8px);
|
|
549
549
|
}
|
|
550
550
|
|
|
551
551
|
`;
|
|
@@ -259,23 +259,23 @@ export function repeatButtonElementCosmopolitanStyle() {
|
|
|
259
259
|
}
|
|
260
260
|
|
|
261
261
|
:host([size="tiny"]) {
|
|
262
|
-
--repeat-button-font-size: calc(var(--repeat-button-font-size)
|
|
263
|
-
--repeat-button-line-height: calc(var(--repeat-button-font-line-height)
|
|
262
|
+
--repeat-button-font-size: calc(var(--repeat-button-font-size) - 4px);
|
|
263
|
+
--repeat-button-line-height: calc(var(--repeat-button-font-line-height) - 4px);
|
|
264
264
|
}
|
|
265
265
|
|
|
266
266
|
:host([size="small"]) {
|
|
267
|
-
--repeat-button-font-size: calc(var(--repeat-button-font-size)
|
|
268
|
-
--repeat-button-line-height: calc(var(--repeat-button-font-line-height)
|
|
267
|
+
--repeat-button-font-size: calc(var(--repeat-button-font-size) - 2px);
|
|
268
|
+
--repeat-button-line-height: calc(var(--repeat-button-font-line-height) - 2px);
|
|
269
269
|
}
|
|
270
270
|
|
|
271
271
|
:host([size="large"]) {
|
|
272
|
-
--repeat-button-font-size: calc(var(--repeat-button-font-size)
|
|
273
|
-
--repeat-button-line-height: calc(var(--repeat-button-font-line-height)
|
|
272
|
+
--repeat-button-font-size: calc(var(--repeat-button-font-size) + 2px);
|
|
273
|
+
--repeat-button-line-height: calc(var(--repeat-button-font-line-height) + 2px);
|
|
274
274
|
}
|
|
275
275
|
|
|
276
276
|
:host([size="giant"]) {
|
|
277
|
-
--repeat-button-font-size: calc(var(--repeat-button-font-size)
|
|
278
|
-
--repeat-button-line-height: calc(var(--repeat-button-font-line-height)
|
|
277
|
+
--repeat-button-font-size: calc(var(--repeat-button-font-size) + 4px);
|
|
278
|
+
--repeat-button-line-height: calc(var(--repeat-button-font-line-height) + 4px);
|
|
279
279
|
}
|
|
280
280
|
|
|
281
281
|
:host([fit="width"]) {
|
|
@@ -33,7 +33,7 @@ export function repeatButtonElementJoyStyle() {
|
|
|
33
33
|
--repeat-button-gap: var(--joy-layout-space);
|
|
34
34
|
--repeat-button-icon-min-width: 36px;
|
|
35
35
|
--repeat-button-icon-min-height: 36px;
|
|
36
|
-
--repeat-button-line-height: calc(var(--repeat-button-font-line-height)
|
|
36
|
+
--repeat-button-line-height: calc(var(--repeat-button-font-line-height) - 4px);
|
|
37
37
|
--repeat-button-min-height: calc(var(--joy-layout-space) * 5 - var(--joy-layout-space) / 2);
|
|
38
38
|
--repeat-button-min-width: 64px;
|
|
39
39
|
--repeat-button-padding-bottom: var(--joy-layout-space);
|
|
@@ -259,23 +259,23 @@ export function repeatButtonElementJoyStyle() {
|
|
|
259
259
|
}
|
|
260
260
|
|
|
261
261
|
:host([size="tiny"]) {
|
|
262
|
-
--repeat-button-font-size: calc(var(--repeat-button-font-size)
|
|
263
|
-
--repeat-button-line-height: calc(var(--repeat-button-font-line-height)
|
|
262
|
+
--repeat-button-font-size: calc(var(--repeat-button-font-size) - 4px);
|
|
263
|
+
--repeat-button-line-height: calc(var(--repeat-button-font-line-height) - 4px);
|
|
264
264
|
}
|
|
265
265
|
|
|
266
266
|
:host([size="small"]) {
|
|
267
|
-
--repeat-button-font-size: calc(var(--repeat-button-font-size)
|
|
268
|
-
--repeat-button-line-height: calc(var(--repeat-button-font-line-height)
|
|
267
|
+
--repeat-button-font-size: calc(var(--repeat-button-font-size) - 2px);
|
|
268
|
+
--repeat-button-line-height: calc(var(--repeat-button-font-line-height) - 2px);
|
|
269
269
|
}
|
|
270
270
|
|
|
271
271
|
:host([size="large"]) {
|
|
272
|
-
--repeat-button-font-size: calc(var(--repeat-button-font-size)
|
|
273
|
-
--repeat-button-line-height: calc(var(--repeat-button-font-line-height)
|
|
272
|
+
--repeat-button-font-size: calc(var(--repeat-button-font-size) + 2px);
|
|
273
|
+
--repeat-button-line-height: calc(var(--repeat-button-font-line-height) + 2px);
|
|
274
274
|
}
|
|
275
275
|
|
|
276
276
|
:host([size="giant"]) {
|
|
277
|
-
--repeat-button-font-size: calc(var(--repeat-button-font-size)
|
|
278
|
-
--repeat-button-line-height: calc(var(--repeat-button-font-line-height)
|
|
277
|
+
--repeat-button-font-size: calc(var(--repeat-button-font-size) + 4px);
|
|
278
|
+
--repeat-button-line-height: calc(var(--repeat-button-font-line-height) + 4px);
|
|
279
279
|
}
|
|
280
280
|
|
|
281
281
|
:host([fit="width"]) {
|
|
@@ -292,7 +292,7 @@ export function repeatButtonElementJoyStyle() {
|
|
|
292
292
|
}
|
|
293
293
|
|
|
294
294
|
:host [part="focusRing"] {
|
|
295
|
-
border-radius: min(var(--repeat-button-border-radius), var(--repeat-button-border-radius)
|
|
295
|
+
border-radius: min(var(--repeat-button-border-radius), var(--repeat-button-border-radius) + var(--joy-layout-thickness));
|
|
296
296
|
}
|
|
297
297
|
|
|
298
298
|
:host [part="button"]:before {
|
|
@@ -34,7 +34,7 @@ export function repeatButtonElementMemphisStyle() {
|
|
|
34
34
|
--repeat-button-height: auto;
|
|
35
35
|
--repeat-button-icon-min-width: 36px;
|
|
36
36
|
--repeat-button-icon-min-height: 36px;
|
|
37
|
-
--repeat-button-line-height: calc(var(--repeat-button-font-line-height)
|
|
37
|
+
--repeat-button-line-height: calc(var(--repeat-button-font-line-height) - 4px);
|
|
38
38
|
--repeat-button-min-height: calc(var(--memphis-layout-space) * 5 - var(--memphis-layout-space) / 2);
|
|
39
39
|
--repeat-button-min-width: 64px;
|
|
40
40
|
--repeat-button-padding-bottom: var(--memphis-layout-space);
|
|
@@ -262,23 +262,23 @@ export function repeatButtonElementMemphisStyle() {
|
|
|
262
262
|
}
|
|
263
263
|
|
|
264
264
|
:host([size="tiny"]) {
|
|
265
|
-
--repeat-button-font-size: calc(var(--repeat-button-font-size)
|
|
266
|
-
--repeat-button-line-height: calc(var(--repeat-button-font-line-height)
|
|
265
|
+
--repeat-button-font-size: calc(var(--repeat-button-font-size) - 4px);
|
|
266
|
+
--repeat-button-line-height: calc(var(--repeat-button-font-line-height) - 4px);
|
|
267
267
|
}
|
|
268
268
|
|
|
269
269
|
:host([size="small"]) {
|
|
270
|
-
--repeat-button-font-size: calc(var(--repeat-button-font-size)
|
|
271
|
-
--repeat-button-line-height: calc(var(--repeat-button-font-line-height)
|
|
270
|
+
--repeat-button-font-size: calc(var(--repeat-button-font-size) - 2px);
|
|
271
|
+
--repeat-button-line-height: calc(var(--repeat-button-font-line-height) - 2px);
|
|
272
272
|
}
|
|
273
273
|
|
|
274
274
|
:host([size="large"]) {
|
|
275
|
-
--repeat-button-font-size: calc(var(--repeat-button-font-size)
|
|
276
|
-
--repeat-button-line-height: calc(var(--repeat-button-font-line-height)
|
|
275
|
+
--repeat-button-font-size: calc(var(--repeat-button-font-size) + 2px);
|
|
276
|
+
--repeat-button-line-height: calc(var(--repeat-button-font-line-height) + 2px);
|
|
277
277
|
}
|
|
278
278
|
|
|
279
279
|
:host([size="giant"]) {
|
|
280
|
-
--repeat-button-font-size: calc(var(--repeat-button-font-size)
|
|
281
|
-
--repeat-button-line-height: calc(var(--repeat-button-font-line-height)
|
|
280
|
+
--repeat-button-font-size: calc(var(--repeat-button-font-size) + 4px);
|
|
281
|
+
--repeat-button-line-height: calc(var(--repeat-button-font-line-height) + 4px);
|
|
282
282
|
}
|
|
283
283
|
|
|
284
284
|
:host([fit="width"]) {
|
|
@@ -288,23 +288,23 @@ export function splitButtonElementCosmopolitanStyle() {
|
|
|
288
288
|
}
|
|
289
289
|
|
|
290
290
|
:host([size="tiny"]) {
|
|
291
|
-
--split-button-font-size: calc(var(--split-button-font-size)
|
|
292
|
-
--split-button-line-height: calc(var(--split-button-font-line-height)
|
|
291
|
+
--split-button-font-size: calc(var(--split-button-font-size) - 4px);
|
|
292
|
+
--split-button-line-height: calc(var(--split-button-font-line-height) - 4px);
|
|
293
293
|
}
|
|
294
294
|
|
|
295
295
|
:host([size="small"]) {
|
|
296
|
-
--split-button-font-size: calc(var(--split-button-font-size)
|
|
297
|
-
--split-button-line-height: calc(var(--split-button-font-line-height)
|
|
296
|
+
--split-button-font-size: calc(var(--split-button-font-size) - 2px);
|
|
297
|
+
--split-button-line-height: calc(var(--split-button-font-line-height) - 2px);
|
|
298
298
|
}
|
|
299
299
|
|
|
300
300
|
:host([size="large"]) {
|
|
301
|
-
--split-button-font-size: calc(var(--split-button-font-size)
|
|
302
|
-
--split-button-line-height: calc(var(--split-button-font-line-height)
|
|
301
|
+
--split-button-font-size: calc(var(--split-button-font-size) + 2px);
|
|
302
|
+
--split-button-line-height: calc(var(--split-button-font-line-height) + 2px);
|
|
303
303
|
}
|
|
304
304
|
|
|
305
305
|
:host([size="giant"]) {
|
|
306
|
-
--split-button-font-size: calc(var(--split-button-font-size)
|
|
307
|
-
--split-button-line-height: calc(var(--split-button-font-line-height)
|
|
306
|
+
--split-button-font-size: calc(var(--split-button-font-size) + 4px);
|
|
307
|
+
--split-button-line-height: calc(var(--split-button-font-line-height) + 4px);
|
|
308
308
|
}
|
|
309
309
|
|
|
310
310
|
:host([fit="width"]) {
|
|
@@ -33,7 +33,7 @@ export function splitButtonElementJoyStyle() {
|
|
|
33
33
|
--split-button-gap: var(--joy-layout-space);
|
|
34
34
|
--split-button-icon-min-width: 36px;
|
|
35
35
|
--split-button-icon-min-height: 36px;
|
|
36
|
-
--split-button-line-height: calc(var(--split-button-font-line-height)
|
|
36
|
+
--split-button-line-height: calc(var(--split-button-font-line-height) - 4px);
|
|
37
37
|
--split-button-min-height: calc(var(--joy-layout-space) * 5 - var(--joy-layout-space) / 2);
|
|
38
38
|
--split-button-min-width: 64px;
|
|
39
39
|
--split-button-padding-bottom: var(--joy-layout-space);
|
|
@@ -288,23 +288,23 @@ export function splitButtonElementJoyStyle() {
|
|
|
288
288
|
}
|
|
289
289
|
|
|
290
290
|
:host([size="tiny"]) {
|
|
291
|
-
--split-button-font-size: calc(var(--split-button-font-size)
|
|
292
|
-
--split-button-line-height: calc(var(--split-button-font-line-height)
|
|
291
|
+
--split-button-font-size: calc(var(--split-button-font-size) - 4px);
|
|
292
|
+
--split-button-line-height: calc(var(--split-button-font-line-height) - 4px);
|
|
293
293
|
}
|
|
294
294
|
|
|
295
295
|
:host([size="small"]) {
|
|
296
|
-
--split-button-font-size: calc(var(--split-button-font-size)
|
|
297
|
-
--split-button-line-height: calc(var(--split-button-font-line-height)
|
|
296
|
+
--split-button-font-size: calc(var(--split-button-font-size) - 2px);
|
|
297
|
+
--split-button-line-height: calc(var(--split-button-font-line-height) - 2px);
|
|
298
298
|
}
|
|
299
299
|
|
|
300
300
|
:host([size="large"]) {
|
|
301
|
-
--split-button-font-size: calc(var(--split-button-font-size)
|
|
302
|
-
--split-button-line-height: calc(var(--split-button-font-line-height)
|
|
301
|
+
--split-button-font-size: calc(var(--split-button-font-size) + 2px);
|
|
302
|
+
--split-button-line-height: calc(var(--split-button-font-line-height) + 2px);
|
|
303
303
|
}
|
|
304
304
|
|
|
305
305
|
:host([size="giant"]) {
|
|
306
|
-
--split-button-font-size: calc(var(--split-button-font-size)
|
|
307
|
-
--split-button-line-height: calc(var(--split-button-font-line-height)
|
|
306
|
+
--split-button-font-size: calc(var(--split-button-font-size) + 4px);
|
|
307
|
+
--split-button-line-height: calc(var(--split-button-font-line-height) + 4px);
|
|
308
308
|
}
|
|
309
309
|
|
|
310
310
|
:host([fit="width"]) {
|
|
@@ -321,7 +321,7 @@ export function splitButtonElementJoyStyle() {
|
|
|
321
321
|
}
|
|
322
322
|
|
|
323
323
|
:host [part="focusRing"] {
|
|
324
|
-
border-radius: min(var(--split-button-border-radius), var(--split-button-border-radius)
|
|
324
|
+
border-radius: min(var(--split-button-border-radius), var(--split-button-border-radius) + var(--joy-layout-thickness));
|
|
325
325
|
}
|
|
326
326
|
|
|
327
327
|
:host [part="button"]:before {
|
|
@@ -329,11 +329,11 @@ export function splitButtonElementJoyStyle() {
|
|
|
329
329
|
}
|
|
330
330
|
|
|
331
331
|
:host [part="button"] [part="focusRing"], :host [part="button"] [part="ripple"] {
|
|
332
|
-
border-radius: min(var(--split-button-border-radius), var(--split-button-border-radius)
|
|
332
|
+
border-radius: min(var(--split-button-border-radius), var(--split-button-border-radius) + var(--joy-layout-thickness)) 0 0 min(var(--split-button-border-radius), var(--split-button-border-radius) + var(--joy-layout-thickness));
|
|
333
333
|
}
|
|
334
334
|
|
|
335
335
|
:host [part="buttonSplit"] [part="focusRing"], :host [part="buttonSplit"] [part="ripple"] {
|
|
336
|
-
border-radius: 0 min(var(--split-button-border-radius), var(--split-button-border-radius)
|
|
336
|
+
border-radius: 0 min(var(--split-button-border-radius), var(--split-button-border-radius) + var(--joy-layout-thickness)) min(var(--split-button-border-radius), var(--split-button-border-radius) + var(--joy-layout-thickness)) 0;
|
|
337
337
|
}
|
|
338
338
|
|
|
339
339
|
:host(:hover), :host(:active), :host(:focus), :host([selected]), :host([checked]) {
|
|
@@ -34,7 +34,7 @@ export function splitButtonElementMemphisStyle() {
|
|
|
34
34
|
--split-button-height: auto;
|
|
35
35
|
--split-button-icon-min-width: 36px;
|
|
36
36
|
--split-button-icon-min-height: 36px;
|
|
37
|
-
--split-button-line-height: calc(var(--split-button-font-line-height)
|
|
37
|
+
--split-button-line-height: calc(var(--split-button-font-line-height) - 4px);
|
|
38
38
|
--split-button-min-height: calc(var(--memphis-layout-space) * 5 - var(--memphis-layout-space) / 2);
|
|
39
39
|
--split-button-min-width: 64px;
|
|
40
40
|
--split-button-padding-bottom: var(--memphis-layout-space);
|
|
@@ -291,23 +291,23 @@ export function splitButtonElementMemphisStyle() {
|
|
|
291
291
|
}
|
|
292
292
|
|
|
293
293
|
:host([size="tiny"]) {
|
|
294
|
-
--split-button-font-size: calc(var(--split-button-font-size)
|
|
295
|
-
--split-button-line-height: calc(var(--split-button-font-line-height)
|
|
294
|
+
--split-button-font-size: calc(var(--split-button-font-size) - 4px);
|
|
295
|
+
--split-button-line-height: calc(var(--split-button-font-line-height) - 4px);
|
|
296
296
|
}
|
|
297
297
|
|
|
298
298
|
:host([size="small"]) {
|
|
299
|
-
--split-button-font-size: calc(var(--split-button-font-size)
|
|
300
|
-
--split-button-line-height: calc(var(--split-button-font-line-height)
|
|
299
|
+
--split-button-font-size: calc(var(--split-button-font-size) - 2px);
|
|
300
|
+
--split-button-line-height: calc(var(--split-button-font-line-height) - 2px);
|
|
301
301
|
}
|
|
302
302
|
|
|
303
303
|
:host([size="large"]) {
|
|
304
|
-
--split-button-font-size: calc(var(--split-button-font-size)
|
|
305
|
-
--split-button-line-height: calc(var(--split-button-font-line-height)
|
|
304
|
+
--split-button-font-size: calc(var(--split-button-font-size) + 2px);
|
|
305
|
+
--split-button-line-height: calc(var(--split-button-font-line-height) + 2px);
|
|
306
306
|
}
|
|
307
307
|
|
|
308
308
|
:host([size="giant"]) {
|
|
309
|
-
--split-button-font-size: calc(var(--split-button-font-size)
|
|
310
|
-
--split-button-line-height: calc(var(--split-button-font-line-height)
|
|
309
|
+
--split-button-font-size: calc(var(--split-button-font-size) + 4px);
|
|
310
|
+
--split-button-line-height: calc(var(--split-button-font-line-height) + 4px);
|
|
311
311
|
}
|
|
312
312
|
|
|
313
313
|
:host([fit="width"]) {
|
|
@@ -34,7 +34,7 @@ export function toggleButtonElementCosmopolitanStyle() {
|
|
|
34
34
|
--toggle-button-height: auto;
|
|
35
35
|
--toggle-button-icon-min-width: 36px;
|
|
36
36
|
--toggle-button-icon-min-height: 36px;
|
|
37
|
-
--toggle-button-line-height: calc(var(--toggle-button-font-line-height)
|
|
37
|
+
--toggle-button-line-height: calc(var(--toggle-button-font-line-height) - 4px);
|
|
38
38
|
--toggle-button-min-height: calc(var(--joy-layout-space) * 5 - var(--joy-layout-space) / 2);
|
|
39
39
|
--toggle-button-min-width: 64px;
|
|
40
40
|
--toggle-button-padding-bottom: var(--cosmopolitan-layout-space);
|
|
@@ -214,23 +214,23 @@ export function toggleButtonElementCosmopolitanStyle() {
|
|
|
214
214
|
}
|
|
215
215
|
|
|
216
216
|
:host([size="tiny"]) {
|
|
217
|
-
--toggle-button-font-size: calc(var(--toggle-button-font-size)
|
|
218
|
-
--toggle-button-line-height: calc(var(--toggle-button-font-line-height)
|
|
217
|
+
--toggle-button-font-size: calc(var(--toggle-button-font-size) - 4px);
|
|
218
|
+
--toggle-button-line-height: calc(var(--toggle-button-font-line-height) - 4px);
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
:host([size="small"]) {
|
|
222
|
-
--toggle-button-font-size: calc(var(--toggle-button-font-size)
|
|
223
|
-
--toggle-button-line-height: calc(var(--toggle-button-font-line-height)
|
|
222
|
+
--toggle-button-font-size: calc(var(--toggle-button-font-size) - 2px);
|
|
223
|
+
--toggle-button-line-height: calc(var(--toggle-button-font-line-height) - 2px);
|
|
224
224
|
}
|
|
225
225
|
|
|
226
226
|
:host([size="large"]) {
|
|
227
|
-
--toggle-button-font-size: calc(var(--toggle-button-font-size)
|
|
228
|
-
--toggle-button-line-height: calc(var(--toggle-button-font-line-height)
|
|
227
|
+
--toggle-button-font-size: calc(var(--toggle-button-font-size) + 2px);
|
|
228
|
+
--toggle-button-line-height: calc(var(--toggle-button-font-line-height) + 2px);
|
|
229
229
|
}
|
|
230
230
|
|
|
231
231
|
:host([size="giant"]) {
|
|
232
|
-
--toggle-button-font-size: calc(var(--toggle-button-font-size)
|
|
233
|
-
--toggle-button-line-height: calc(var(--toggle-button-font-line-height)
|
|
232
|
+
--toggle-button-font-size: calc(var(--toggle-button-font-size) + 4px);
|
|
233
|
+
--toggle-button-line-height: calc(var(--toggle-button-font-line-height) + 4px);
|
|
234
234
|
}
|
|
235
235
|
|
|
236
236
|
:host([fit="width"]) {
|
|
@@ -34,7 +34,7 @@ export function toggleButtonElementJoyStyle() {
|
|
|
34
34
|
--toggle-button-height: auto;
|
|
35
35
|
--toggle-button-icon-min-width: 36px;
|
|
36
36
|
--toggle-button-icon-min-height: 36px;
|
|
37
|
-
--toggle-button-line-height: calc(var(--toggle-button-font-line-height)
|
|
37
|
+
--toggle-button-line-height: calc(var(--toggle-button-font-line-height) - 4px);
|
|
38
38
|
--toggle-button-min-height: calc(var(--joy-layout-space) * 5 - var(--joy-layout-space) / 2);
|
|
39
39
|
--toggle-button-min-width: 64px;
|
|
40
40
|
--toggle-button-padding-bottom: var(--joy-layout-space);
|
|
@@ -214,23 +214,23 @@ export function toggleButtonElementJoyStyle() {
|
|
|
214
214
|
}
|
|
215
215
|
|
|
216
216
|
:host([size="tiny"]) {
|
|
217
|
-
--toggle-button-font-size: calc(var(--toggle-button-font-size)
|
|
218
|
-
--toggle-button-line-height: calc(var(--toggle-button-font-line-height)
|
|
217
|
+
--toggle-button-font-size: calc(var(--toggle-button-font-size) - 4px);
|
|
218
|
+
--toggle-button-line-height: calc(var(--toggle-button-font-line-height) - 4px);
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
:host([size="small"]) {
|
|
222
|
-
--toggle-button-font-size: calc(var(--toggle-button-font-size)
|
|
223
|
-
--toggle-button-line-height: calc(var(--toggle-button-font-line-height)
|
|
222
|
+
--toggle-button-font-size: calc(var(--toggle-button-font-size) - 2px);
|
|
223
|
+
--toggle-button-line-height: calc(var(--toggle-button-font-line-height) - 2px);
|
|
224
224
|
}
|
|
225
225
|
|
|
226
226
|
:host([size="large"]) {
|
|
227
|
-
--toggle-button-font-size: calc(var(--toggle-button-font-size)
|
|
228
|
-
--toggle-button-line-height: calc(var(--toggle-button-font-line-height)
|
|
227
|
+
--toggle-button-font-size: calc(var(--toggle-button-font-size) + 2px);
|
|
228
|
+
--toggle-button-line-height: calc(var(--toggle-button-font-line-height) + 2px);
|
|
229
229
|
}
|
|
230
230
|
|
|
231
231
|
:host([size="giant"]) {
|
|
232
|
-
--toggle-button-font-size: calc(var(--toggle-button-font-size)
|
|
233
|
-
--toggle-button-line-height: calc(var(--toggle-button-font-line-height)
|
|
232
|
+
--toggle-button-font-size: calc(var(--toggle-button-font-size) + 4px);
|
|
233
|
+
--toggle-button-line-height: calc(var(--toggle-button-font-line-height) + 4px);
|
|
234
234
|
}
|
|
235
235
|
|
|
236
236
|
:host([fit="width"]) {
|
|
@@ -271,7 +271,7 @@ export function toggleButtonElementJoyStyle() {
|
|
|
271
271
|
}
|
|
272
272
|
|
|
273
273
|
:host [part="focusRing"] {
|
|
274
|
-
border-radius: min(var(--toggle-button-border-radius), var(--toggle-button-border-radius)
|
|
274
|
+
border-radius: min(var(--toggle-button-border-radius), var(--toggle-button-border-radius) + var(--joy-layout-thickness));
|
|
275
275
|
}
|
|
276
276
|
|
|
277
277
|
:host [part="button"] {
|
|
@@ -34,7 +34,7 @@ export function toggleButtonElementMemphisStyle() {
|
|
|
34
34
|
--toggle-button-height: auto;
|
|
35
35
|
--toggle-button-icon-min-width: 36px;
|
|
36
36
|
--toggle-button-icon-min-height: 36px;
|
|
37
|
-
--toggle-button-line-height: calc(var(--toggle-button-font-line-height)
|
|
37
|
+
--toggle-button-line-height: calc(var(--toggle-button-font-line-height) - 4px);
|
|
38
38
|
--toggle-button-min-height: calc(var(--memphis-layout-space) * 5 - var(--memphis-layout-space) / 2);
|
|
39
39
|
--toggle-button-min-width: 64px;
|
|
40
40
|
--toggle-button-padding-bottom: var(--memphis-layout-space);
|
|
@@ -214,23 +214,23 @@ export function toggleButtonElementMemphisStyle() {
|
|
|
214
214
|
}
|
|
215
215
|
|
|
216
216
|
:host([size="tiny"]) {
|
|
217
|
-
--toggle-button-font-size: calc(var(--toggle-button-font-size)
|
|
218
|
-
--toggle-button-line-height: calc(var(--toggle-button-font-line-height)
|
|
217
|
+
--toggle-button-font-size: calc(var(--toggle-button-font-size) - 4px);
|
|
218
|
+
--toggle-button-line-height: calc(var(--toggle-button-font-line-height) - 4px);
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
:host([size="small"]) {
|
|
222
|
-
--toggle-button-font-size: calc(var(--toggle-button-font-size)
|
|
223
|
-
--toggle-button-line-height: calc(var(--toggle-button-font-line-height)
|
|
222
|
+
--toggle-button-font-size: calc(var(--toggle-button-font-size) - 2px);
|
|
223
|
+
--toggle-button-line-height: calc(var(--toggle-button-font-line-height) - 2px);
|
|
224
224
|
}
|
|
225
225
|
|
|
226
226
|
:host([size="large"]) {
|
|
227
|
-
--toggle-button-font-size: calc(var(--toggle-button-font-size)
|
|
228
|
-
--toggle-button-line-height: calc(var(--toggle-button-font-line-height)
|
|
227
|
+
--toggle-button-font-size: calc(var(--toggle-button-font-size) + 2px);
|
|
228
|
+
--toggle-button-line-height: calc(var(--toggle-button-font-line-height) + 2px);
|
|
229
229
|
}
|
|
230
230
|
|
|
231
231
|
:host([size="giant"]) {
|
|
232
|
-
--toggle-button-font-size: calc(var(--toggle-button-font-size)
|
|
233
|
-
--toggle-button-line-height: calc(var(--toggle-button-font-line-height)
|
|
232
|
+
--toggle-button-font-size: calc(var(--toggle-button-font-size) + 4px);
|
|
233
|
+
--toggle-button-line-height: calc(var(--toggle-button-font-line-height) + 4px);
|
|
234
234
|
}
|
|
235
235
|
|
|
236
236
|
:host([fit="width"]) {
|
|
@@ -141,7 +141,7 @@ export function bannerGroupElementCosmopolitanStyle() {
|
|
|
141
141
|
--_translate-primary: calc(var(--banner-group-depth-translate-step) * var(--_depth-offset) * var(--_direction) * 1px);
|
|
142
142
|
--_scale: calc(1 - (var(--banner-group-depth-scale-step) * var(--_depth-offset)));
|
|
143
143
|
--_opacity: calc(1 - (var(--banner-group-depth-opacity-step) * var(--_depth-offset)));
|
|
144
|
-
z-index: calc(var(--banner-group-visible-count, 1)
|
|
144
|
+
z-index: calc(var(--banner-group-visible-count, 1) - var(--_depth-offset));
|
|
145
145
|
transform: translateY(var(--_translate-primary)) scale(var(--_scale));
|
|
146
146
|
opacity: var(--_opacity);
|
|
147
147
|
transition: transform .16s, opacity .16s;
|
|
@@ -141,7 +141,7 @@ export function bannerGroupElementJoyStyle() {
|
|
|
141
141
|
--_translate-primary: calc(var(--banner-group-depth-translate-step) * var(--_depth-offset) * var(--_direction) * 1px);
|
|
142
142
|
--_scale: calc(1 - (var(--banner-group-depth-scale-step) * var(--_depth-offset)));
|
|
143
143
|
--_opacity: calc(1 - (var(--banner-group-depth-opacity-step) * var(--_depth-offset)));
|
|
144
|
-
z-index: calc(var(--banner-group-visible-count, 1)
|
|
144
|
+
z-index: calc(var(--banner-group-visible-count, 1) - var(--_depth-offset));
|
|
145
145
|
transform: translateY(var(--_translate-primary)) scale(var(--_scale));
|
|
146
146
|
opacity: var(--_opacity);
|
|
147
147
|
transition: transform .16s, opacity .16s;
|
|
@@ -141,7 +141,7 @@ export function bannerGroupElementMemphisStyle() {
|
|
|
141
141
|
--_translate-primary: calc(var(--banner-group-depth-translate-step) * var(--_depth-offset) * var(--_direction) * 1px);
|
|
142
142
|
--_scale: calc(1 - (var(--banner-group-depth-scale-step) * var(--_depth-offset)));
|
|
143
143
|
--_opacity: calc(1 - (var(--banner-group-depth-opacity-step) * var(--_depth-offset)));
|
|
144
|
-
z-index: calc(var(--banner-group-visible-count, 1)
|
|
144
|
+
z-index: calc(var(--banner-group-visible-count, 1) - var(--_depth-offset));
|
|
145
145
|
transform: translateY(var(--_translate-primary)) scale(var(--_scale));
|
|
146
146
|
opacity: var(--_opacity);
|
|
147
147
|
transition: transform .16s, opacity .16s;
|
|
@@ -180,9 +180,6 @@ declare global {
|
|
|
180
180
|
interface HTMLElementTagNameMap {
|
|
181
181
|
'mosaik-expander-group': ExpanderGroupElement;
|
|
182
182
|
}
|
|
183
|
-
interface HTMLElementEventMap {
|
|
184
|
-
expanderChanged: CustomEvent<IEventDetail>;
|
|
185
|
-
}
|
|
186
183
|
}
|
|
187
184
|
export {};
|
|
188
185
|
//# sourceMappingURL=ExpanderGroupElement.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpanderGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Expander/ExpanderGroupElement.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ExpanderGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Expander/ExpanderGroupElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpanderElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"ExpanderElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,CAmP5D"}
|
|
@@ -159,10 +159,6 @@ export function expanderElementCosmopolitanStyle() {
|
|
|
159
159
|
transform: rotate(0);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
-
:host [part="root"] [part="expandable"] {
|
|
163
|
-
border-radius: 0 0 var(--expander-border-radius) var(--expander-border-radius);
|
|
164
|
-
}
|
|
165
|
-
|
|
166
162
|
:host [part="root"] [part="expandable"] > slot {
|
|
167
163
|
padding: var(--expander-padding-top) var(--expander-padding-right) var(--expander-padding-bottom) var(--expander-padding-left);
|
|
168
164
|
display: block;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpanderElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Cosmopolitan.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,gCAAgC;IAC5C,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"ExpanderElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Cosmopolitan.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,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiPT,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpanderElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"ExpanderElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CA6SnD"}
|
|
@@ -155,10 +155,6 @@ export function expanderElementJoyStyle() {
|
|
|
155
155
|
transform: rotate(0);
|
|
156
156
|
}
|
|
157
157
|
|
|
158
|
-
:host [part="root"] [part="expandable"] {
|
|
159
|
-
border-radius: 0 0 var(--expander-border-radius) var(--expander-border-radius);
|
|
160
|
-
}
|
|
161
|
-
|
|
162
158
|
:host [part="root"] [part="expandable"] > slot {
|
|
163
159
|
padding: var(--expander-padding-top) var(--expander-padding-right) var(--expander-padding-bottom) var(--expander-padding-left);
|
|
164
160
|
display: block;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpanderElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Joy.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
|
|
1
|
+
{"version":3,"file":"ExpanderElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Joy.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2ST,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpanderElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"ExpanderElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAkRvD"}
|
|
@@ -163,10 +163,6 @@ export function expanderElementMemphisStyle() {
|
|
|
163
163
|
transform: rotate(0);
|
|
164
164
|
}
|
|
165
165
|
|
|
166
|
-
:host [part="root"] [part="expandable"] {
|
|
167
|
-
border-radius: 0 0 var(--expander-border-radius) var(--expander-border-radius);
|
|
168
|
-
}
|
|
169
|
-
|
|
170
166
|
:host [part="root"] [part="expandable"] > slot {
|
|
171
167
|
padding: var(--expander-padding-top) var(--expander-padding-right) var(--expander-padding-bottom) var(--expander-padding-left);
|
|
172
168
|
display: block;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpanderElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Memphis.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,2BAA2B;IACvC,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"ExpanderElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Memphis.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgRT,CAAC;AACN,CAAC"}
|