@speakapbv/dough-component-library 9.26.1 → 9.26.2
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/dist/index.es.js
CHANGED
|
@@ -4055,7 +4055,7 @@ var RadioGroup = function (props) {
|
|
|
4055
4055
|
};
|
|
4056
4056
|
RadioGroup.displayName = "RadioGroup";
|
|
4057
4057
|
|
|
4058
|
-
var css_248z$p = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-bread-crumb-ellipsis {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-size: inherit;\n line-height: inherit;\n}\n\n.dough-bread-crumb-wrapper {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n font-size: 1.125rem;\n line-height: 1.125rem;\n font-weight: 700;\n font-family: \"Roboto\", sans-serif;\n
|
|
4058
|
+
var css_248z$p = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-bread-crumb-ellipsis {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-size: inherit;\n line-height: inherit;\n}\n\n.dough-bread-crumb-wrapper {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n font-size: 1.125rem;\n line-height: 1.125rem;\n font-weight: 700;\n font-family: \"Roboto\", sans-serif;\n /* Targeting links directly here, as links can be nested in other components (see stories) */\n}\n.dough-bread-crumb-wrapper .dough-link {\n text-decoration: none !important;\n font-size: inherit;\n line-height: 24px;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.dough-bread-crumb-wrapper > *:not(.dough-bread-crumb-right-arrow) {\n min-height: 24px;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-size: inherit;\n line-height: 24px;\n}\n.dough-bread-crumb-wrapper > *:not(.dough-bread-crumb-right-arrow):last-child {\n pointer-events: none !important;\n}\n.dough-bread-crumb-wrapper > .dough-bread-crumb-right-arrow {\n display: inline-flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-sizing: border-box;\n width: 24px;\n height: 24px;\n margin-left: 4px;\n margin-right: 4px;\n padding: 3px 4px 3px 4px;\n}\n.dough-bread-crumb-wrapper > .dough-bread-crumb-right-arrow > svg {\n width: 100%;\n height: 100%;\n}\n.dough-bread-crumb-wrapper > .dough-bread-crumb-right-arrow > svg path {\n fill: #999999;\n fill: var(--dough-color-icon-default);\n}\n.dough-bread-crumb-wrapper.size-small {\n font-size: 0.875rem;\n line-height: 0.875rem;\n}\n.dough-bread-crumb-wrapper.size-small > .dough-bread-crumb-right-arrow {\n width: 20px;\n height: 20px;\n}";
|
|
4059
4059
|
styleInject(css_248z$p);
|
|
4060
4060
|
|
|
4061
4061
|
/* Unpacks children wrapped in Fragments */
|
package/dist/index.js
CHANGED
|
@@ -4039,7 +4039,7 @@ var RadioGroup = function (props) {
|
|
|
4039
4039
|
};
|
|
4040
4040
|
RadioGroup.displayName = "RadioGroup";
|
|
4041
4041
|
|
|
4042
|
-
var css_248z$p = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-bread-crumb-ellipsis {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-size: inherit;\n line-height: inherit;\n}\n\n.dough-bread-crumb-wrapper {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n font-size: 1.125rem;\n line-height: 1.125rem;\n font-weight: 700;\n font-family: \"Roboto\", sans-serif;\n
|
|
4042
|
+
var css_248z$p = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-bread-crumb-ellipsis {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-size: inherit;\n line-height: inherit;\n}\n\n.dough-bread-crumb-wrapper {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n font-size: 1.125rem;\n line-height: 1.125rem;\n font-weight: 700;\n font-family: \"Roboto\", sans-serif;\n /* Targeting links directly here, as links can be nested in other components (see stories) */\n}\n.dough-bread-crumb-wrapper .dough-link {\n text-decoration: none !important;\n font-size: inherit;\n line-height: 24px;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.dough-bread-crumb-wrapper > *:not(.dough-bread-crumb-right-arrow) {\n min-height: 24px;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-size: inherit;\n line-height: 24px;\n}\n.dough-bread-crumb-wrapper > *:not(.dough-bread-crumb-right-arrow):last-child {\n pointer-events: none !important;\n}\n.dough-bread-crumb-wrapper > .dough-bread-crumb-right-arrow {\n display: inline-flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-sizing: border-box;\n width: 24px;\n height: 24px;\n margin-left: 4px;\n margin-right: 4px;\n padding: 3px 4px 3px 4px;\n}\n.dough-bread-crumb-wrapper > .dough-bread-crumb-right-arrow > svg {\n width: 100%;\n height: 100%;\n}\n.dough-bread-crumb-wrapper > .dough-bread-crumb-right-arrow > svg path {\n fill: #999999;\n fill: var(--dough-color-icon-default);\n}\n.dough-bread-crumb-wrapper.size-small {\n font-size: 0.875rem;\n line-height: 0.875rem;\n}\n.dough-bread-crumb-wrapper.size-small > .dough-bread-crumb-right-arrow {\n width: 20px;\n height: 20px;\n}";
|
|
4043
4043
|
styleInject(css_248z$p);
|
|
4044
4044
|
|
|
4045
4045
|
/* Unpacks children wrapped in Fragments */
|
|
@@ -16,6 +16,9 @@ export declare const MultipleChildren: import("@storybook/csf").AnnotatedStoryFn
|
|
|
16
16
|
export declare const CustomChildren: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
|
|
17
17
|
width: string;
|
|
18
18
|
}>;
|
|
19
|
+
export declare const CustomChildInTheMiddle: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
|
|
20
|
+
width: string;
|
|
21
|
+
}>;
|
|
19
22
|
export declare const CustomChildrenLimitedWidth: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadCrumbProps & {
|
|
20
23
|
width: string;
|
|
21
24
|
}>;
|