bonprix-design-system 0.61.2 → 0.62.1
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.css +1 -1
- package/dist/index.d.ts +19 -48
- package/dist/index.js +295 -283
- package/dist/index.js.map +1 -1
- package/dist/styles/core.css +6 -7
- package/dist/styles/dark-theme-variables.css +37 -26
- package/dist/styles/default-variables.css +80 -59
- package/dist/styles/fonts.css +10 -10
- package/dist/styles/index.css +4 -4
- package/dist/styles/light-theme-variables.css +36 -25
- package/dist/styles/scrollbar.css +3 -3
- package/dist/styles/tailwind-components.css +62 -31
- package/dist/styles/tailwind-utilities.css +2 -3
- package/dist/styles/variables.css +3 -4
- package/dist/web-components.css +1 -1
- package/dist/web-components.d.ts +0 -32
- package/dist/web-components.js +1 -5
- package/dist/web-components.js.map +1 -1
- package/package.json +10 -26
- package/README.md +0 -55
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-bpds=side-sheet] .button-section-container{
|
|
1
|
+
[data-bpds=side-sheet] .button-section-container{inline-size:100%;container-type:inline-size}@container (width>=500px){[data-bpds=side-sheet] .button-section{flex-direction:row!important}}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
import { default as Availability } from '@bonprix-ds/react-availability';
|
|
2
|
+
import { AvailabilityProps } from '@bonprix-ds/react-availability';
|
|
3
|
+
import { default as BenefitTag } from '@bonprix-ds/react-benefit-tag';
|
|
4
|
+
import { BenefitTagProps } from '@bonprix-ds/react-benefit-tag';
|
|
1
5
|
import { default as default_2 } from 'react';
|
|
2
6
|
import { ElementType } from 'react';
|
|
3
7
|
import { FC } from 'react';
|
|
@@ -138,14 +142,9 @@ declare interface AsLink_4 extends BaseProps_5, Anchor {
|
|
|
138
142
|
onClick?: () => void;
|
|
139
143
|
}
|
|
140
144
|
|
|
141
|
-
export
|
|
145
|
+
export { Availability }
|
|
142
146
|
|
|
143
|
-
export
|
|
144
|
-
/** Indicates the availability of some item in the shop. */
|
|
145
|
-
delivery: "available" | "available-soon" | "sold-out";
|
|
146
|
-
/** Describes the current availability of the item. */
|
|
147
|
-
children: string;
|
|
148
|
-
}
|
|
147
|
+
export { AvailabilityProps }
|
|
149
148
|
|
|
150
149
|
export declare const BadgeIconButton: FC<BadgeIconButtonProps>;
|
|
151
150
|
|
|
@@ -349,16 +348,9 @@ declare interface BasicProps {
|
|
|
349
348
|
verticalAlign?: string;
|
|
350
349
|
}
|
|
351
350
|
|
|
352
|
-
export
|
|
351
|
+
export { BenefitTag }
|
|
353
352
|
|
|
354
|
-
export
|
|
355
|
-
/** Describes the benefit. */
|
|
356
|
-
children: string;
|
|
357
|
-
/** Type or category of the benefit. Depending on the chosen value, the visual appearance of the component will adjust appropriately. */
|
|
358
|
-
variant?: "product" | "price" | "social" | "voucher";
|
|
359
|
-
/** One of two possible component sizes, which should be used depending on the context. */
|
|
360
|
-
size?: "large" | "small";
|
|
361
|
-
}
|
|
353
|
+
export { BenefitTagProps }
|
|
362
354
|
|
|
363
355
|
declare interface BestProps extends TwoPriceProps {
|
|
364
356
|
variant: "best-price";
|
|
@@ -1583,9 +1575,13 @@ export declare const tailwindConfig: {
|
|
|
1583
1575
|
"main-light": string;
|
|
1584
1576
|
"main-light-inverse": string;
|
|
1585
1577
|
error: string;
|
|
1578
|
+
"error-inverse": string;
|
|
1586
1579
|
alert: string;
|
|
1580
|
+
"alert-inverse": string;
|
|
1587
1581
|
success: string;
|
|
1582
|
+
"success-inverse": string;
|
|
1588
1583
|
info: string;
|
|
1584
|
+
"info-inverse": string;
|
|
1589
1585
|
disabled: string;
|
|
1590
1586
|
"disabled-inverse": string;
|
|
1591
1587
|
modal: string;
|
|
@@ -1600,18 +1596,25 @@ export declare const tailwindConfig: {
|
|
|
1600
1596
|
};
|
|
1601
1597
|
fg: {
|
|
1602
1598
|
error: string;
|
|
1599
|
+
"error-inverse": string;
|
|
1603
1600
|
alert: string;
|
|
1601
|
+
"alert-inverse": string;
|
|
1604
1602
|
success: string;
|
|
1605
1603
|
"success-inverse": string;
|
|
1606
1604
|
info: string;
|
|
1605
|
+
"info-inverse": string;
|
|
1607
1606
|
};
|
|
1608
1607
|
sale: string;
|
|
1608
|
+
"sale-inverse": string;
|
|
1609
1609
|
"on-sale": string;
|
|
1610
|
+
"on-sale-inverse": string;
|
|
1610
1611
|
disabled: string;
|
|
1611
1612
|
"disabled-inverse": string;
|
|
1612
1613
|
sustainable: string;
|
|
1613
1614
|
voucher: string;
|
|
1615
|
+
"voucher-inverse": string;
|
|
1614
1616
|
"on-voucher": string;
|
|
1617
|
+
"on-voucher-inverse": string;
|
|
1615
1618
|
};
|
|
1616
1619
|
};
|
|
1617
1620
|
};
|
|
@@ -1816,38 +1819,6 @@ declare global {
|
|
|
1816
1819
|
}
|
|
1817
1820
|
}
|
|
1818
1821
|
|
|
1819
|
-
|
|
1820
|
-
declare namespace config {
|
|
1821
|
-
let plugins: (string | (string | {
|
|
1822
|
-
preset: string;
|
|
1823
|
-
releaseRules: ({
|
|
1824
|
-
breaking: boolean;
|
|
1825
|
-
release: string;
|
|
1826
|
-
type?: undefined;
|
|
1827
|
-
} | {
|
|
1828
|
-
type: string;
|
|
1829
|
-
release: string;
|
|
1830
|
-
breaking?: undefined;
|
|
1831
|
-
})[];
|
|
1832
|
-
})[] | (string | {
|
|
1833
|
-
preset: string;
|
|
1834
|
-
presetConfig: {
|
|
1835
|
-
types: ({
|
|
1836
|
-
type: string;
|
|
1837
|
-
section: string;
|
|
1838
|
-
hidden?: undefined;
|
|
1839
|
-
} | {
|
|
1840
|
-
type: string;
|
|
1841
|
-
section: string;
|
|
1842
|
-
hidden: boolean;
|
|
1843
|
-
})[];
|
|
1844
|
-
};
|
|
1845
|
-
})[] | (string | {
|
|
1846
|
-
successComment: boolean;
|
|
1847
|
-
failTitle: boolean;
|
|
1848
|
-
})[])[];
|
|
1849
|
-
}
|
|
1850
|
-
|
|
1851
1822
|
declare namespace _default {
|
|
1852
1823
|
let plugins: {
|
|
1853
1824
|
"postcss-import": {};
|