@otto-de/b2b-core-components 1.13.0 → 1.14.0
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/b2b-core-components/b2b-core-components.esm.js +1 -1
- package/dist/b2b-core-components/p-0e1e9948.entry.js +1 -0
- package/dist/b2b-core-components/p-d023d4a0.entry.js +1 -0
- package/dist/cjs/b2b-core-components.cjs.js +1 -1
- package/dist/cjs/b2b-icon-100.cjs.entry.js +0 -1
- package/dist/cjs/b2b-input_2.cjs.entry.js +8 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/alert/alert.css +2 -2
- package/dist/collection/components/anchor/anchor.css +2 -2
- package/dist/collection/components/breadcrumb/breadcrumb.css +2 -2
- package/dist/collection/components/button/button.css +2 -2
- package/dist/collection/components/calendar/calendar-days-header.css +2 -2
- package/dist/collection/components/calendar/calendar-days.css +2 -2
- package/dist/collection/components/calendar/calendar-header.css +2 -2
- package/dist/collection/components/calendar/calendar.css +2 -2
- package/dist/collection/components/card/card.css +2 -2
- package/dist/collection/components/checkbox/checkbox.css +2 -2
- package/dist/collection/components/checkbox-group/checkbox-group.css +2 -2
- package/dist/collection/components/chip/chip.css +2 -2
- package/dist/collection/components/dropdown/dropdown.css +2 -2
- package/dist/collection/components/flyout-menu/flyout-menu.css +2 -2
- package/dist/collection/components/headline/headline.css +2 -2
- package/dist/collection/components/icon/icon.css +2 -2
- package/dist/collection/components/icon-100/icon-100.css +2 -2
- package/dist/collection/components/icon-100/icon-100.js +1 -1
- package/dist/collection/components/icon-100/types.js +0 -1
- package/dist/collection/components/icon-50/icon-50.css +2 -2
- package/dist/collection/components/input/input.css +12 -3
- package/dist/collection/components/input/input.js +25 -3
- package/dist/collection/components/input-group/input-group.css +2 -2
- package/dist/collection/components/input-list/input-list.css +2 -2
- package/dist/collection/components/label/label.css +2 -2
- package/dist/collection/components/modal/modal.css +2 -2
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +2 -2
- package/dist/collection/components/pagination/pagination.css +2 -2
- package/dist/collection/components/paragraph/paragraph.css +2 -2
- package/dist/collection/components/progress-bar/progress-bar.css +2 -2
- package/dist/collection/components/radio/radio.css +2 -2
- package/dist/collection/components/radio-group/radio-group.css +2 -2
- package/dist/collection/components/required-separator/required-separator.css +2 -2
- package/dist/collection/components/rounded-icon/rounded-icon.css +2 -2
- package/dist/collection/components/scrollable-container/scrollable-container.css +2 -2
- package/dist/collection/components/separator/separator.css +2 -2
- package/dist/collection/components/spinner/spinner.css +2 -2
- package/dist/collection/components/tab/tab.css +2 -2
- package/dist/collection/components/tab-panel/tab-panel.css +2 -2
- package/dist/collection/components/table/table-cell/table-cell.css +2 -2
- package/dist/collection/components/table/table-header/table-header.css +2 -2
- package/dist/collection/components/table/table-row/table-row.css +2 -2
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +2 -2
- package/dist/collection/components/table/table.css +2 -2
- package/dist/collection/components/textarea/textarea.css +2 -2
- package/dist/collection/components/toggle-button/toggle-button.css +2 -2
- package/dist/collection/components/toggle-chip/toggle-chip.css +2 -2
- package/dist/collection/components/toggle-group/toggle-group.css +2 -2
- package/dist/collection/components/toggle-switch/toggle-switch.css +2 -2
- package/dist/collection/components/tooltip/tooltip.css +2 -2
- package/dist/collection/components/wizard/wizard.css +2 -2
- package/dist/collection/components/wizard-icon/wizard-icon.css +2 -2
- package/dist/components/b2b-icon-100.js +0 -1
- package/dist/components/input.js +9 -4
- package/dist/custom-elements.json +15 -3
- package/dist/esm/b2b-core-components.js +1 -1
- package/dist/esm/b2b-icon-100.entry.js +0 -1
- package/dist/esm/b2b-input_2.entry.js +8 -4
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/icon-100/types.d.ts +1 -1
- package/dist/types/components/input/input.d.ts +2 -0
- package/dist/types/components.d.ts +8 -0
- package/dist/web-types.json +13 -3
- package/package.json +2 -2
- package/dist/b2b-core-components/icons-100/b2b_icon-chat.svg +0 -5
- package/dist/b2b-core-components/p-68c54639.entry.js +0 -1
- package/dist/b2b-core-components/p-71ebafd7.entry.js +0 -1
- package/dist/collection/components/icon-100/icons-100/b2b_icon-chat.svg +0 -5
|
@@ -29,6 +29,8 @@ export declare class InputComponent {
|
|
|
29
29
|
autofocus: boolean;
|
|
30
30
|
/** @internal Whether the parent input group is disabled. Per default, it is false. */
|
|
31
31
|
groupDisabled: boolean;
|
|
32
|
+
/** The alignment of the text. */
|
|
33
|
+
inputTextAlign: 'left' | 'right' | 'center';
|
|
32
34
|
/** Emits whenever the input receives focus. */
|
|
33
35
|
b2bFocus: EventEmitter<FocusEvent>;
|
|
34
36
|
/** Emits whenever the input loses focus. */
|
|
@@ -505,6 +505,10 @@ export namespace Components {
|
|
|
505
505
|
* The hint text that appears underneath the input field.
|
|
506
506
|
*/
|
|
507
507
|
"hint"?: string;
|
|
508
|
+
/**
|
|
509
|
+
* The alignment of the text.
|
|
510
|
+
*/
|
|
511
|
+
"inputTextAlign": 'left' | 'right' | 'center';
|
|
508
512
|
/**
|
|
509
513
|
* Whether the input is currently invalid. If true, the input is rendered with error styles. Per default it is false.
|
|
510
514
|
*/
|
|
@@ -2702,6 +2706,10 @@ declare namespace LocalJSX {
|
|
|
2702
2706
|
* The hint text that appears underneath the input field.
|
|
2703
2707
|
*/
|
|
2704
2708
|
"hint"?: string;
|
|
2709
|
+
/**
|
|
2710
|
+
* The alignment of the text.
|
|
2711
|
+
*/
|
|
2712
|
+
"inputTextAlign"?: 'left' | 'right' | 'center';
|
|
2705
2713
|
/**
|
|
2706
2714
|
* Whether the input is currently invalid. If true, the input is rendered with error styles. Per default it is false.
|
|
2707
2715
|
*/
|
package/dist/web-types.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"$schema": "http://json.schemastore.org/web-types",
|
|
3
3
|
"framework": "vue",
|
|
4
4
|
"name": "@otto-de/b2b-core-components",
|
|
5
|
-
"version": "1.
|
|
5
|
+
"version": "1.13.0",
|
|
6
6
|
"js-types-syntax": "typescript",
|
|
7
7
|
"description-markup": "markdown",
|
|
8
8
|
"contributions": {
|
|
@@ -1328,11 +1328,11 @@
|
|
|
1328
1328
|
},
|
|
1329
1329
|
{
|
|
1330
1330
|
"name": "icon",
|
|
1331
|
-
"description": "The name of the icon\r\nValues: \"b2b_icon-360-degree\", \"b2b_icon-advice\", \"b2b_icon-allergen-sulfur-dioxide-sulfite\", \"b2b_icon-almond\", \"b2b_icon-archive\", \"b2b_icon-armchair\", \"b2b_icon-arrow-down\", \"b2b_icon-arrow-graph\", \"b2b_icon-arrow-left\", \"b2b_icon-arrow-right\", \"b2b_icon-arrow-up\", \"b2b_icon-assembly\", \"b2b_icon-assortment\", \"b2b_icon-attachment\", \"b2b_icon-augmented-reality\", \"b2b_icon-autonomous-team\", \"b2b_icon-bank-details\", \"b2b_icon-bar-graph-ascending\", \"b2b_icon-bar-graph-axis\", \"b2b_icon-barley\", \"b2b_icon-basket-sale\", \"b2b_icon-basket\", \"b2b_icon-basketball\", \"b2b_icon-bikini\", \"b2b_icon-blogs\", \"b2b_icon-brandshop\", \"b2b_icon-brazil-nut\", \"b2b_icon-browser-click\", \"b2b_icon-browser-content\", \"b2b_icon-browser-psm\", \"b2b_icon-burger\", \"b2b_icon-bus\", \"b2b_icon-callback\", \"b2b_icon-camera\", \"b2b_icon-cashback\", \"b2b_icon-cashew-nut\", \"b2b_icon-catalogue\", \"b2b_icon-categories\", \"b2b_icon-celery\", \"b2b_icon-certificate\", \"b2b_icon-chair\", \"b2b_icon-
|
|
1331
|
+
"description": "The name of the icon\r\nValues: \"b2b_icon-360-degree\", \"b2b_icon-advice\", \"b2b_icon-allergen-sulfur-dioxide-sulfite\", \"b2b_icon-almond\", \"b2b_icon-archive\", \"b2b_icon-armchair\", \"b2b_icon-arrow-down\", \"b2b_icon-arrow-graph\", \"b2b_icon-arrow-left\", \"b2b_icon-arrow-right\", \"b2b_icon-arrow-up\", \"b2b_icon-assembly\", \"b2b_icon-assortment\", \"b2b_icon-attachment\", \"b2b_icon-augmented-reality\", \"b2b_icon-autonomous-team\", \"b2b_icon-bank-details\", \"b2b_icon-bar-graph-ascending\", \"b2b_icon-bar-graph-axis\", \"b2b_icon-barley\", \"b2b_icon-basket-sale\", \"b2b_icon-basket\", \"b2b_icon-basketball\", \"b2b_icon-bikini\", \"b2b_icon-blogs\", \"b2b_icon-brandshop\", \"b2b_icon-brazil-nut\", \"b2b_icon-browser-click\", \"b2b_icon-browser-content\", \"b2b_icon-browser-psm\", \"b2b_icon-burger\", \"b2b_icon-bus\", \"b2b_icon-callback\", \"b2b_icon-camera\", \"b2b_icon-cashback\", \"b2b_icon-cashew-nut\", \"b2b_icon-catalogue\", \"b2b_icon-categories\", \"b2b_icon-celery\", \"b2b_icon-certificate\", \"b2b_icon-chair\", \"b2b_icon-check-bold\", \"b2b_icon-check\", \"b2b_icon-chicken\", \"b2b_icon-city\", \"b2b_icon-clear\", \"b2b_icon-close-bold\", \"b2b_icon-close\", \"b2b_icon-code-management\", \"b2b_icon-contact-mail\", \"b2b_icon-copy\", \"b2b_icon-cow\", \"b2b_icon-crab\", \"b2b_icon-critique\", \"b2b_icon-curtain\", \"b2b_icon-cut-out\", \"b2b_icon-dashboard\", \"b2b_icon-deer\", \"b2b_icon-delete\", \"b2b_icon-delivery-24h\", \"b2b_icon-delivery-desired-date-selection\", \"b2b_icon-delivery-desired-date\", \"b2b_icon-delivery-express\", \"b2b_icon-delivery-flat\", \"b2b_icon-delivery-on-hangers\", \"b2b_icon-delivery-preferred-place\", \"b2b_icon-desktop-phone-ads-click\", \"b2b_icon-desktop-phone-ads\", \"b2b_icon-desktop-phone\", \"b2b_icon-desktop\", \"b2b_icon-devices-monitor-laptop-tablet\", \"b2b_icon-dish-feature-lactose-free\", \"b2b_icon-dislike\", \"b2b_icon-disposal\", \"b2b_icon-document-sign\", \"b2b_icon-downloads\", \"b2b_icon-dress\", \"b2b_icon-dungarees\", \"b2b_icon-duration\", \"b2b_icon-e-invoice\", \"b2b_icon-edit-pad\", \"b2b_icon-edit\", \"b2b_icon-egg\", \"b2b_icon-ellipsis\", \"b2b_icon-email-verification-confirmed-safe\", \"b2b_icon-email-verification-confirmed\", \"b2b_icon-email-verification-sent-safe\", \"b2b_icon-email-verification-sent\", \"b2b_icon-empty-hint\", \"b2b_icon-end-to-end\", \"b2b_icon-error-article-image\", \"b2b_icon-error-hint\", \"b2b_icon-error\", \"b2b_icon-euro\", \"b2b_icon-event\", \"b2b_icon-events\", \"b2b_icon-expand\", \"b2b_icon-faq\", \"b2b_icon-feedback\", \"b2b_icon-filter\", \"b2b_icon-fish\", \"b2b_icon-fitness\", \"b2b_icon-flag-chequered\", \"b2b_icon-flexible-work\", \"b2b_icon-flip\", \"b2b_icon-food-processor\", \"b2b_icon-fullscreen\", \"b2b_icon-gallery-view\", \"b2b_icon-gamepad\", \"b2b_icon-garlic\", \"b2b_icon-gender-intersex\", \"b2b_icon-globe\", \"b2b_icon-gluten\", \"b2b_icon-glutenfree\", \"b2b_icon-handshake\", \"b2b_icon-hashtag\", \"b2b_icon-hazelnut\", \"b2b_icon-hide\", \"b2b_icon-high-heels\", \"b2b_icon-home\", \"b2b_icon-info-small\", \"b2b_icon-info\", \"b2b_icon-inplace-zoom-reverse\", \"b2b_icon-inplace-zoom\", \"b2b_icon-insurance\", \"b2b_icon-kamut\", \"b2b_icon-laptop-os\", \"b2b_icon-laptop\", \"b2b_icon-leaving-page\", \"b2b_icon-light-bulb\", \"b2b_icon-like-fingers\", \"b2b_icon-like-product\", \"b2b_icon-like\", \"b2b_icon-line-graph\", \"b2b_icon-list-view\", \"b2b_icon-location\", \"b2b_icon-lupine\", \"b2b_icon-macadamia\", \"b2b_icon-material-samples\", \"b2b_icon-measurement\", \"b2b_icon-megaphone\", \"b2b_icon-menu\", \"b2b_icon-mic\", \"b2b_icon-milk\", \"b2b_icon-minus\", \"b2b_icon-module-operations\", \"b2b_icon-money-coins\", \"b2b_icon-money-document\", \"b2b_icon-money-plus\", \"b2b_icon-money-stack\", \"b2b_icon-money\", \"b2b_icon-move\", \"b2b_icon-mustard\", \"b2b_icon-nav\", \"b2b_icon-new\", \"b2b_icon-newsletter-sign-up\", \"b2b_icon-notification\", \"b2b_icon-nuts\", \"b2b_icon-oat\", \"b2b_icon-order-cancelled\", \"b2b_icon-order-delivered\", \"b2b_icon-order-form\", \"b2b_icon-order-management\", \"b2b_icon-order-misdirected\", \"b2b_icon-order-on-road\", \"b2b_icon-order-packed\", \"b2b_icon-order-payment\", \"b2b_icon-order-received\", \"b2b_icon-order-return\", \"b2b_icon-order-shipped\", \"b2b_icon-order-state-unknown\", \"b2b_icon-order-stored\", \"b2b_icon-order\", \"b2b_icon-otto-app\", \"b2b_icon-otto-campus\", \"b2b_icon-otto-company\", \"b2b_icon-otto-laptop\", \"b2b_icon-otto-logo\", \"b2b_icon-otto-up-points\", \"b2b_icon-otto-up\", \"b2b_icon-paper-plane\", \"b2b_icon-pause\", \"b2b_icon-payment-credit-card\", \"b2b_icon-payment-invoice\", \"b2b_icon-payment-pause\", \"b2b_icon-payment-plan-protection\", \"b2b_icon-payment-plan\", \"b2b_icon-pdf\", \"b2b_icon-peanut\", \"b2b_icon-pecan-nut\", \"b2b_icon-pending\", \"b2b_icon-person-access\", \"b2b_icon-person-callcenter\", \"b2b_icon-person-check\", \"b2b_icon-person-colleagues\", \"b2b_icon-person-community\", \"b2b_icon-person-development\", \"b2b_icon-person-female\", \"b2b_icon-person-info\", \"b2b_icon-person-male\", \"b2b_icon-person-rating\", \"b2b_icon-person-support\", \"b2b_icon-person-switch\", \"b2b_icon-person-workshop\", \"b2b_icon-person\", \"b2b_icon-phone-permission\", \"b2b_icon-phone\", \"b2b_icon-pig\", \"b2b_icon-pin\", \"b2b_icon-pinch-gesture\", \"b2b_icon-pinch\", \"b2b_icon-pistachio\", \"b2b_icon-plant\", \"b2b_icon-play-1\", \"b2b_icon-play\", \"b2b_icon-plus\", \"b2b_icon-price-alert\", \"b2b_icon-price-tag\", \"b2b_icon-print\", \"b2b_icon-puzzle\", \"b2b_icon-qr-code\", \"b2b_icon-question-hint\", \"b2b_icon-question\", \"b2b_icon-rating-empty\", \"b2b_icon-rating-filled\", \"b2b_icon-rating-half\", \"b2b_icon-rating-order\", \"b2b_icon-rating-payment\", \"b2b_icon-remote-work\", \"b2b_icon-repair\", \"b2b_icon-reply\", \"b2b_icon-retirement-provision\", \"b2b_icon-rocket\", \"b2b_icon-rye\", \"b2b_icon-sabbatical\", \"b2b_icon-sale\", \"b2b_icon-save\", \"b2b_icon-sea\", \"b2b_icon-search-enter\", \"b2b_icon-search\", \"b2b_icon-seo\", \"b2b_icon-service-info\", \"b2b_icon-sesame\", \"b2b_icon-settings\", \"b2b_icon-share-ios\", \"b2b_icon-share\", \"b2b_icon-sheep\", \"b2b_icon-shell\", \"b2b_icon-shirt\", \"b2b_icon-shopping-cart-euro\", \"b2b_icon-shopping-cart\", \"b2b_icon-show\", \"b2b_icon-smiley-angry\", \"b2b_icon-smiley-happy\", \"b2b_icon-smiley-negative\", \"b2b_icon-smiley-neutral\", \"b2b_icon-smiley-positive\", \"b2b_icon-sms-info\", \"b2b_icon-sneaker\", \"b2b_icon-sort-ascending\", \"b2b_icon-sort-descending\", \"b2b_icon-sort\", \"b2b_icon-soy\", \"b2b_icon-spelt\", \"b2b_icon-stationary\", \"b2b_icon-studies\", \"b2b_icon-success\", \"b2b_icon-sustainable-delivery\", \"b2b_icon-sustainable-energy-efficient\", \"b2b_icon-sustainable-production\", \"b2b_icon-sustainable-recycling\", \"b2b_icon-sustainable-resource\", \"b2b_icon-swipe-gesture\", \"b2b_icon-sync-device\", \"b2b_icon-t-shirt\", \"b2b_icon-tablet\", \"b2b_icon-tableware\", \"b2b_icon-target-group\", \"b2b_icon-teddy\", \"b2b_icon-test-result\", \"b2b_icon-town\", \"b2b_icon-trash\", \"b2b_icon-trend-down\", \"b2b_icon-trend-left\", \"b2b_icon-trend-right\", \"b2b_icon-trend-up\", \"b2b_icon-trousers\", \"b2b_icon-trusted\", \"b2b_icon-unpin\", \"b2b_icon-upload\", \"b2b_icon-user-management\", \"b2b_icon-vacation\", \"b2b_icon-variant-content\", \"b2b_icon-vegan\", \"b2b_icon-vegetarian\", \"b2b_icon-viewtoggle-tiles\", \"b2b_icon-village\", \"b2b_icon-volume-off\", \"b2b_icon-volume-on\", \"b2b_icon-voucher\", \"b2b_icon-walnut\", \"b2b_icon-warning-hint\", \"b2b_icon-warning\", \"b2b_icon-warranty\", \"b2b_icon-washing-machine\", \"b2b_icon-whatsapp\", \"b2b_icon-wheat\", \"b2b_icon-wifi\", \"b2b_icon-wishlist-active\", \"b2b_icon-wishlist\", \"b2b_icon-work-life\", \"b2b_icon-workshop\", \"b2b_icon-zoom-in\", \"b2b_icon-zoom-out\", \"b2b_logo-carrier-dhl\", \"b2b_logo-carrier-gls\", \"b2b_logo-carrier-hermes\", \"b2b_logo-carrier-ups\", \"b2b_icon-chatbot\"",
|
|
1332
1332
|
"required": false,
|
|
1333
1333
|
"value": {
|
|
1334
1334
|
"kind": "expression",
|
|
1335
|
-
"type": "\"b2b_icon-360-degree\" | \"b2b_icon-advice\" | \"b2b_icon-allergen-sulfur-dioxide-sulfite\" | \"b2b_icon-almond\" | \"b2b_icon-archive\" | \"b2b_icon-armchair\" | \"b2b_icon-arrow-down\" | \"b2b_icon-arrow-graph\" | \"b2b_icon-arrow-left\" | \"b2b_icon-arrow-right\" | \"b2b_icon-arrow-up\" | \"b2b_icon-assembly\" | \"b2b_icon-assortment\" | \"b2b_icon-attachment\" | \"b2b_icon-augmented-reality\" | \"b2b_icon-autonomous-team\" | \"b2b_icon-bank-details\" | \"b2b_icon-bar-graph-ascending\" | \"b2b_icon-bar-graph-axis\" | \"b2b_icon-barley\" | \"b2b_icon-basket-sale\" | \"b2b_icon-basket\" | \"b2b_icon-basketball\" | \"b2b_icon-bikini\" | \"b2b_icon-blogs\" | \"b2b_icon-brandshop\" | \"b2b_icon-brazil-nut\" | \"b2b_icon-browser-click\" | \"b2b_icon-browser-content\" | \"b2b_icon-browser-psm\" | \"b2b_icon-burger\" | \"b2b_icon-bus\" | \"b2b_icon-callback\" | \"b2b_icon-camera\" | \"b2b_icon-cashback\" | \"b2b_icon-cashew-nut\" | \"b2b_icon-catalogue\" | \"b2b_icon-categories\" | \"b2b_icon-celery\" | \"b2b_icon-certificate\" | \"b2b_icon-chair\" | \"b2b_icon-
|
|
1335
|
+
"type": "\"b2b_icon-360-degree\" | \"b2b_icon-advice\" | \"b2b_icon-allergen-sulfur-dioxide-sulfite\" | \"b2b_icon-almond\" | \"b2b_icon-archive\" | \"b2b_icon-armchair\" | \"b2b_icon-arrow-down\" | \"b2b_icon-arrow-graph\" | \"b2b_icon-arrow-left\" | \"b2b_icon-arrow-right\" | \"b2b_icon-arrow-up\" | \"b2b_icon-assembly\" | \"b2b_icon-assortment\" | \"b2b_icon-attachment\" | \"b2b_icon-augmented-reality\" | \"b2b_icon-autonomous-team\" | \"b2b_icon-bank-details\" | \"b2b_icon-bar-graph-ascending\" | \"b2b_icon-bar-graph-axis\" | \"b2b_icon-barley\" | \"b2b_icon-basket-sale\" | \"b2b_icon-basket\" | \"b2b_icon-basketball\" | \"b2b_icon-bikini\" | \"b2b_icon-blogs\" | \"b2b_icon-brandshop\" | \"b2b_icon-brazil-nut\" | \"b2b_icon-browser-click\" | \"b2b_icon-browser-content\" | \"b2b_icon-browser-psm\" | \"b2b_icon-burger\" | \"b2b_icon-bus\" | \"b2b_icon-callback\" | \"b2b_icon-camera\" | \"b2b_icon-cashback\" | \"b2b_icon-cashew-nut\" | \"b2b_icon-catalogue\" | \"b2b_icon-categories\" | \"b2b_icon-celery\" | \"b2b_icon-certificate\" | \"b2b_icon-chair\" | \"b2b_icon-check-bold\" | \"b2b_icon-check\" | \"b2b_icon-chicken\" | \"b2b_icon-city\" | \"b2b_icon-clear\" | \"b2b_icon-close-bold\" | \"b2b_icon-close\" | \"b2b_icon-code-management\" | \"b2b_icon-contact-mail\" | \"b2b_icon-copy\" | \"b2b_icon-cow\" | \"b2b_icon-crab\" | \"b2b_icon-critique\" | \"b2b_icon-curtain\" | \"b2b_icon-cut-out\" | \"b2b_icon-dashboard\" | \"b2b_icon-deer\" | \"b2b_icon-delete\" | \"b2b_icon-delivery-24h\" | \"b2b_icon-delivery-desired-date-selection\" | \"b2b_icon-delivery-desired-date\" | \"b2b_icon-delivery-express\" | \"b2b_icon-delivery-flat\" | \"b2b_icon-delivery-on-hangers\" | \"b2b_icon-delivery-preferred-place\" | \"b2b_icon-desktop-phone-ads-click\" | \"b2b_icon-desktop-phone-ads\" | \"b2b_icon-desktop-phone\" | \"b2b_icon-desktop\" | \"b2b_icon-devices-monitor-laptop-tablet\" | \"b2b_icon-dish-feature-lactose-free\" | \"b2b_icon-dislike\" | \"b2b_icon-disposal\" | \"b2b_icon-document-sign\" | \"b2b_icon-downloads\" | \"b2b_icon-dress\" | \"b2b_icon-dungarees\" | \"b2b_icon-duration\" | \"b2b_icon-e-invoice\" | \"b2b_icon-edit-pad\" | \"b2b_icon-edit\" | \"b2b_icon-egg\" | \"b2b_icon-ellipsis\" | \"b2b_icon-email-verification-confirmed-safe\" | \"b2b_icon-email-verification-confirmed\" | \"b2b_icon-email-verification-sent-safe\" | \"b2b_icon-email-verification-sent\" | \"b2b_icon-empty-hint\" | \"b2b_icon-end-to-end\" | \"b2b_icon-error-article-image\" | \"b2b_icon-error-hint\" | \"b2b_icon-error\" | \"b2b_icon-euro\" | \"b2b_icon-event\" | \"b2b_icon-events\" | \"b2b_icon-expand\" | \"b2b_icon-faq\" | \"b2b_icon-feedback\" | \"b2b_icon-filter\" | \"b2b_icon-fish\" | \"b2b_icon-fitness\" | \"b2b_icon-flag-chequered\" | \"b2b_icon-flexible-work\" | \"b2b_icon-flip\" | \"b2b_icon-food-processor\" | \"b2b_icon-fullscreen\" | \"b2b_icon-gallery-view\" | \"b2b_icon-gamepad\" | \"b2b_icon-garlic\" | \"b2b_icon-gender-intersex\" | \"b2b_icon-globe\" | \"b2b_icon-gluten\" | \"b2b_icon-glutenfree\" | \"b2b_icon-handshake\" | \"b2b_icon-hashtag\" | \"b2b_icon-hazelnut\" | \"b2b_icon-hide\" | \"b2b_icon-high-heels\" | \"b2b_icon-home\" | \"b2b_icon-info-small\" | \"b2b_icon-info\" | \"b2b_icon-inplace-zoom-reverse\" | \"b2b_icon-inplace-zoom\" | \"b2b_icon-insurance\" | \"b2b_icon-kamut\" | \"b2b_icon-laptop-os\" | \"b2b_icon-laptop\" | \"b2b_icon-leaving-page\" | \"b2b_icon-light-bulb\" | \"b2b_icon-like-fingers\" | \"b2b_icon-like-product\" | \"b2b_icon-like\" | \"b2b_icon-line-graph\" | \"b2b_icon-list-view\" | \"b2b_icon-location\" | \"b2b_icon-lupine\" | \"b2b_icon-macadamia\" | \"b2b_icon-material-samples\" | \"b2b_icon-measurement\" | \"b2b_icon-megaphone\" | \"b2b_icon-menu\" | \"b2b_icon-mic\" | \"b2b_icon-milk\" | \"b2b_icon-minus\" | \"b2b_icon-module-operations\" | \"b2b_icon-money-coins\" | \"b2b_icon-money-document\" | \"b2b_icon-money-plus\" | \"b2b_icon-money-stack\" | \"b2b_icon-money\" | \"b2b_icon-move\" | \"b2b_icon-mustard\" | \"b2b_icon-nav\" | \"b2b_icon-new\" | \"b2b_icon-newsletter-sign-up\" | \"b2b_icon-notification\" | \"b2b_icon-nuts\" | \"b2b_icon-oat\" | \"b2b_icon-order-cancelled\" | \"b2b_icon-order-delivered\" | \"b2b_icon-order-form\" | \"b2b_icon-order-management\" | \"b2b_icon-order-misdirected\" | \"b2b_icon-order-on-road\" | \"b2b_icon-order-packed\" | \"b2b_icon-order-payment\" | \"b2b_icon-order-received\" | \"b2b_icon-order-return\" | \"b2b_icon-order-shipped\" | \"b2b_icon-order-state-unknown\" | \"b2b_icon-order-stored\" | \"b2b_icon-order\" | \"b2b_icon-otto-app\" | \"b2b_icon-otto-campus\" | \"b2b_icon-otto-company\" | \"b2b_icon-otto-laptop\" | \"b2b_icon-otto-logo\" | \"b2b_icon-otto-up-points\" | \"b2b_icon-otto-up\" | \"b2b_icon-paper-plane\" | \"b2b_icon-pause\" | \"b2b_icon-payment-credit-card\" | \"b2b_icon-payment-invoice\" | \"b2b_icon-payment-pause\" | \"b2b_icon-payment-plan-protection\" | \"b2b_icon-payment-plan\" | \"b2b_icon-pdf\" | \"b2b_icon-peanut\" | \"b2b_icon-pecan-nut\" | \"b2b_icon-pending\" | \"b2b_icon-person-access\" | \"b2b_icon-person-callcenter\" | \"b2b_icon-person-check\" | \"b2b_icon-person-colleagues\" | \"b2b_icon-person-community\" | \"b2b_icon-person-development\" | \"b2b_icon-person-female\" | \"b2b_icon-person-info\" | \"b2b_icon-person-male\" | \"b2b_icon-person-rating\" | \"b2b_icon-person-support\" | \"b2b_icon-person-switch\" | \"b2b_icon-person-workshop\" | \"b2b_icon-person\" | \"b2b_icon-phone-permission\" | \"b2b_icon-phone\" | \"b2b_icon-pig\" | \"b2b_icon-pin\" | \"b2b_icon-pinch-gesture\" | \"b2b_icon-pinch\" | \"b2b_icon-pistachio\" | \"b2b_icon-plant\" | \"b2b_icon-play-1\" | \"b2b_icon-play\" | \"b2b_icon-plus\" | \"b2b_icon-price-alert\" | \"b2b_icon-price-tag\" | \"b2b_icon-print\" | \"b2b_icon-puzzle\" | \"b2b_icon-qr-code\" | \"b2b_icon-question-hint\" | \"b2b_icon-question\" | \"b2b_icon-rating-empty\" | \"b2b_icon-rating-filled\" | \"b2b_icon-rating-half\" | \"b2b_icon-rating-order\" | \"b2b_icon-rating-payment\" | \"b2b_icon-remote-work\" | \"b2b_icon-repair\" | \"b2b_icon-reply\" | \"b2b_icon-retirement-provision\" | \"b2b_icon-rocket\" | \"b2b_icon-rye\" | \"b2b_icon-sabbatical\" | \"b2b_icon-sale\" | \"b2b_icon-save\" | \"b2b_icon-sea\" | \"b2b_icon-search-enter\" | \"b2b_icon-search\" | \"b2b_icon-seo\" | \"b2b_icon-service-info\" | \"b2b_icon-sesame\" | \"b2b_icon-settings\" | \"b2b_icon-share-ios\" | \"b2b_icon-share\" | \"b2b_icon-sheep\" | \"b2b_icon-shell\" | \"b2b_icon-shirt\" | \"b2b_icon-shopping-cart-euro\" | \"b2b_icon-shopping-cart\" | \"b2b_icon-show\" | \"b2b_icon-smiley-angry\" | \"b2b_icon-smiley-happy\" | \"b2b_icon-smiley-negative\" | \"b2b_icon-smiley-neutral\" | \"b2b_icon-smiley-positive\" | \"b2b_icon-sms-info\" | \"b2b_icon-sneaker\" | \"b2b_icon-sort-ascending\" | \"b2b_icon-sort-descending\" | \"b2b_icon-sort\" | \"b2b_icon-soy\" | \"b2b_icon-spelt\" | \"b2b_icon-stationary\" | \"b2b_icon-studies\" | \"b2b_icon-success\" | \"b2b_icon-sustainable-delivery\" | \"b2b_icon-sustainable-energy-efficient\" | \"b2b_icon-sustainable-production\" | \"b2b_icon-sustainable-recycling\" | \"b2b_icon-sustainable-resource\" | \"b2b_icon-swipe-gesture\" | \"b2b_icon-sync-device\" | \"b2b_icon-t-shirt\" | \"b2b_icon-tablet\" | \"b2b_icon-tableware\" | \"b2b_icon-target-group\" | \"b2b_icon-teddy\" | \"b2b_icon-test-result\" | \"b2b_icon-town\" | \"b2b_icon-trash\" | \"b2b_icon-trend-down\" | \"b2b_icon-trend-left\" | \"b2b_icon-trend-right\" | \"b2b_icon-trend-up\" | \"b2b_icon-trousers\" | \"b2b_icon-trusted\" | \"b2b_icon-unpin\" | \"b2b_icon-upload\" | \"b2b_icon-user-management\" | \"b2b_icon-vacation\" | \"b2b_icon-variant-content\" | \"b2b_icon-vegan\" | \"b2b_icon-vegetarian\" | \"b2b_icon-viewtoggle-tiles\" | \"b2b_icon-village\" | \"b2b_icon-volume-off\" | \"b2b_icon-volume-on\" | \"b2b_icon-voucher\" | \"b2b_icon-walnut\" | \"b2b_icon-warning-hint\" | \"b2b_icon-warning\" | \"b2b_icon-warranty\" | \"b2b_icon-washing-machine\" | \"b2b_icon-whatsapp\" | \"b2b_icon-wheat\" | \"b2b_icon-wifi\" | \"b2b_icon-wishlist-active\" | \"b2b_icon-wishlist\" | \"b2b_icon-work-life\" | \"b2b_icon-workshop\" | \"b2b_icon-zoom-in\" | \"b2b_icon-zoom-out\" | \"b2b_logo-carrier-dhl\" | \"b2b_logo-carrier-gls\" | \"b2b_logo-carrier-hermes\" | \"b2b_logo-carrier-ups\" | \"b2b_icon-chatbot\""
|
|
1336
1336
|
}
|
|
1337
1337
|
},
|
|
1338
1338
|
{
|
|
@@ -1448,6 +1448,16 @@
|
|
|
1448
1448
|
"type": "string"
|
|
1449
1449
|
}
|
|
1450
1450
|
},
|
|
1451
|
+
{
|
|
1452
|
+
"name": "input-text-align",
|
|
1453
|
+
"description": "The alignment of the text.\r\nValues: \"center\", \"left\", \"right\"",
|
|
1454
|
+
"required": false,
|
|
1455
|
+
"default": "'left'",
|
|
1456
|
+
"value": {
|
|
1457
|
+
"kind": "expression",
|
|
1458
|
+
"type": "\"center\" | \"left\" | \"right\""
|
|
1459
|
+
}
|
|
1460
|
+
},
|
|
1451
1461
|
{
|
|
1452
1462
|
"name": "invalid",
|
|
1453
1463
|
"description": "Whether the input is currently invalid. If true, the input is rendered with error styles. Per default it is false.\r\nValues: boolean",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@otto-de/b2b-core-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.14.0",
|
|
4
4
|
"description": "Core components defined with Stencil",
|
|
5
5
|
"author": "Otto GmbH",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"build:storybook": "npm run copy-md-files && storybook build -o docs-build/design-system"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@otto-de/b2b-tokens": "1.
|
|
42
|
+
"@otto-de/b2b-tokens": "1.14.0",
|
|
43
43
|
"@stencil-community/eslint-plugin": "^0.5.0",
|
|
44
44
|
"@stencil/core": "^4.12.4"
|
|
45
45
|
},
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M13.4928 8.0005H18.493C18.7693 8.0005 18.9933 7.77653 18.9933 7.50025C18.9933 7.22397 18.7693 7 18.493 7H13.4928C13.2165 7 12.9925 7.22397 12.9925 7.50025C12.9925 7.77653 13.2165 8.0005 13.4928 8.0005Z" />
|
|
3
|
-
<path d="M13.993 10.5003C13.993 10.7763 14.2165 11.0005 14.4933 11.0005H19.4853C19.7615 11.0005 19.9855 10.7765 19.9855 10.5003C19.9855 10.224 19.7615 10 19.4853 10H14.4933C14.3605 9.9998 14.2332 10.0524 14.1393 10.1463C14.0454 10.2402 13.9928 10.3675 13.993 10.5003Z" />
|
|
4
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4928 4H22.4965C22.6292 3.9998 22.7566 4.05244 22.8505 4.1463C22.9443 4.24016 22.997 4.36752 22.9968 4.50025V14.5053C22.997 14.638 22.9443 14.7653 22.8505 14.8592C22.7566 14.9531 22.6292 15.0057 22.4965 15.0055H19.9968V17.5008C19.9967 17.6955 19.8834 17.8724 19.7065 17.9538C19.5301 18.0361 19.3219 18.0083 19.1733 17.8825L15.775 15.0055L12.997 15.0033V17.5008C12.9972 17.6335 12.9446 17.7608 12.8507 17.8547C12.7568 17.9486 12.6295 18.0012 12.4968 18.001H6.7405L3.78175 19.921C3.62799 20.021 3.43182 20.0286 3.27073 19.941C3.10965 19.8533 3.00956 19.6844 3.01 19.501V18.001H1.50025C1.2235 18.001 1 17.7775 1 17.5008V8.50075C0.999802 8.36802 1.05244 8.24066 1.1463 8.1468C1.24016 8.05294 1.36752 8.0003 1.50025 8.0005H9.99251V4.50025C9.99251 4.22397 10.2165 4 10.4928 4ZM6.59275 17.0005H11.9965V15.0018L10.4913 15.0003C10.2153 15.0003 9.99175 14.7768 9.99175 14.5V9.00025H1.99975V17.0005H3.5095C3.64224 17.0003 3.76959 17.0529 3.86345 17.1468C3.95731 17.2407 4.00995 17.368 4.00975 17.5008V18.5808L6.3205 17.0808C6.40174 17.0286 6.49621 17.0007 6.59275 17.0005ZM21.9978 14.005H19.498C19.3653 14.0048 19.2379 14.0574 19.1441 14.1513C19.0502 14.2452 18.9976 14.3725 18.9978 14.5053V16.4223L16.2828 14.1235C16.1924 14.0471 16.0779 14.0051 15.9595 14.005L10.993 14.0005V5.0005H21.9978V14.005Z" />
|
|
5
|
-
</svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as b,c as r,h as e,H as o,g as i}from"./p-b6a753e8.js";const t=class{constructor(e){b(this,e),this.b2bFocus=r(this,"b2b-focus",7),this.b2bBlur=r(this,"b2b-blur",7),this.b2bInput=r(this,"b2b-input",7),this.handleFormData=b=>{null!=this.name&&b.formData.append(this.name,this.value||"")},this.onFocus=b=>{this.hasFocus=!0,this.b2bFocus.emit(b)},this.onBlur=b=>{this.hasFocus=!1,this.b2bBlur.emit(b)},this.onInput=b=>{const r=b.target;null!==r&&(this.value=r.value||""),this.b2bInput.emit(r)},this.getSlottedText=()=>{this.hasTextPrefix=this.hasText("start"),this.hasTextSuffix=this.hasText("end")},this.hasText=b=>{const r=Array.from(this.hostElement.children).filter((r=>r.getAttribute("slot")===b));return r.length>0&&r.filter((b=>"SPAN"===b.tagName)).length>0},this.label=void 0,this.required=!1,this.type="text",this.disabled=!1,this.invalid=!1,this.placeholder=null,this.value=null,this.name=void 0,this.hint=void 0,this.error=void 0,this.autofocus=!1,this.groupDisabled=!1,this.hasFocus=!1,this.hasTextPrefix=!1,this.hasTextSuffix=!1}async setFocus(){this.focusableElement.focus()}async clearInput(){this.value="",this.b2bInput.emit({value:""})}connectedCallback(){const b=this.hostElement.closest("form");null!=b&&b.addEventListener("formdata",this.handleFormData),this.autofocus&&(this.hasFocus=!0),this.getSlottedText()}render(){return e(o,{key:"3da24a713a463439be3e6a7c543479f655c69288",class:{"b2b-input":!0,"b2b-input--error":this.invalid&&!this.disabled}},this.label&&e("b2b-input-label",{id:this.name,required:this.required},this.label),e("div",{key:"2cb4e11ef60b764f778845d782c4e88dbe4023c3",class:{"b2b-input__wrapper":!0,"b2b-input__wrapper--focused":this.hasFocus,"b2b-input__wrapper--disabled":this.disabled||this.groupDisabled}},e("slot",{key:"5d189e4009c070f8e1ea1c7c3e365204993c8d2f",name:"start"}),this.hasTextPrefix&&e("div",{class:"border"}),e("input",{key:"a5192ded7aa52491e3b370e53c051a54d09492b3",class:"b2b-input__native-input","aria-labelledby":this.name,type:this.type,placeholder:this.placeholder,value:this.value,name:this.name,disabled:this.disabled||this.groupDisabled,autoFocus:this.autofocus,onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,ref:b=>this.focusableElement=b}),this.hasTextSuffix&&e("div",{class:"border"}),e("slot",{key:"cb469dc3a49c8b645630ae996d4e105899b61134",name:"end"})),void 0!==this.hint&&!this.invalid||void 0!==this.hint&&this.disabled?e("span",null,this.hint):"",void 0!==this.error&&this.invalid&&!this.disabled?e("span",null,this.error):"")}get hostElement(){return i(this)}};t.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host(.b2b-input){--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);display:block;width:100%;min-width:var(--b2b-size-120);max-width:600px;font-family:var(--b2b-font-family-default)}:host(.b2b-input) .b2b-input__wrapper{display:flex;align-items:center;height:var(--b2b-size-60);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);border-radius:var(--b2b-border-radius);padding:5px var(--b2b-size-25) 5px;background-color:var(--b2b-color-white-100);color:var(--b2b-color-black-100);position:relative}:host(.b2b-input) .b2b-input__wrapper--focused{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;border-radius:var(--b2b-border-radius);z-index:9999}:host(.b2b-input) .b2b-input__wrapper--disabled{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper--disabled .b2b-input__native-input{background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper .border{border-left:1px solid var(--b2b-color-grey-300);height:100%;margin:0 12px}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);box-sizing:border-box;outline:none;border:none;appearance:none;height:auto;flex:1 1 auto;width:0}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input::placeholder{color:var(--b2b-color-grey-300)}:host(.b2b-input) b2b-input-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100)}:host(.b2b-input) span{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-7);color:var(--b2b-color-grey-300)}:host(.b2b-input--error) .b2b-input__wrapper,:host(.b2b-input--error) .b2b-input__native-input{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-right:var(--b2b-border-right);border-color:var(--b2b-color-error-100);color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__wrapper::placeholder,:host(.b2b-input--error) .b2b-input__native-input::placeholder{color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__input-wrapper--focused{outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host(.b2b-input--error) span{color:var(--b2b-color-error-100)}::slotted(span){font-size:var(--b2b-size-copy-100);cursor:default;user-select:none;display:inline-block;overflow:hidden;white-space:nowrap}';const s=class{constructor(e){b(this,e),this.b2bOptionSelected=r(this,"b2b-option-selected",7),this.handleClick=()=>{this.b2bOptionSelected.emit({selectedOption:this.option})},this.option=void 0}handleKeyDown(b){"Enter"===b.key&&this.b2bOptionSelected.emit({selectedOption:this.option})}render(){return e(o,{key:"836ae2a7b30d6fca56835bec01b5ca4ba0109793",class:"b2b-input-list__option",onClick:this.handleClick,role:"option"},this.option)}};s.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{width:100%}.b2b-input-list{position:relative;display:flex;flex-direction:column;min-width:7rem;}.b2b-input-list.b2b-input-list__options-on b2b-input{--b2b-border-radius:var(--b2b-size-border-no-radius-bottom)}.b2b-input-list.b2b-group-input__start b2b-input{--b2b-border-radius:inherit;--b2b-border-right:inherit}.b2b-input-list.b2b-group-input__start.b2b-input-list__options-on b2b-input{--b2b-border-radius:var(--b2b-size-border-radius-100) 0 0 0}.b2b-input-list.b2b-group-input__middle b2b-input{--b2b-border-radius:inherit;--b2b-border-right:inherit}.b2b-input-list.b2b-group-input__end b2b-input{--b2b-border-radius:inherit;--b2b-border-right:inherit}.b2b-input-list.b2b-group-input__end.b2b-input-list__options-on b2b-input{--b2b-border-radius:0 var(--b2b-size-border-radius-100) 0 0}.b2b-input-list.b2b-input-list__options-on:focus{outline:none}.b2b-input-list .b2b-input-list__options-container{position:relative}.b2b-input-list .b2b-input-list__options{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);position:absolute;width:100%;max-height:180px;overflow-y:auto;margin:0;cursor:pointer;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);border:solid 1px var(--b2b-color-grey-300);box-sizing:border-box;z-index:10}.b2b-input-list .b2b-input-list__options .b2b-input-list__option{display:block;padding:var(--b2b-size-15) var(--b2b-size-30)}.b2b-input-list .b2b-input-list__options .b2b-input-list__option:hover,.b2b-input-list .b2b-input-list__options .b2b-input-list__option:focus{background-color:var(--b2b-color-table-selected-hover)}.b2b-input-list .b2b-input-list__options .b2b-input-list__option:first-child{padding-top:var(--b2b-size-20)}.b2b-input-list .b2b-input-list__options .b2b-input-list__option:last-child{padding-bottom:var(--b2b-size-20)}.b2b-input-list b2b-icon{--b2b-icon-cursor:pointer}.b2b-input-list .purge-css-include-variables{border-radius:var(--b2b-border-radius);border-right:var(--b2b-border-right);cursor:var(--b2b-icon-cursor)}::slotted(*){font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);position:absolute;width:100%;max-height:180px;overflow-y:auto;margin:0;background-color:var(--b2b-color-white-100);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);border:solid 1px var(--b2b-color-grey-300);box-sizing:border-box;z-index:10}';export{t as b2b_input,s as b2b_input_list_option}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as b,h as o,H as e}from"./p-b6a753e8.js";import{i,f as c,b as r}from"./p-61b2a6ad.js";const n=["b2b_icon-360-degree","b2b_icon-advice","b2b_icon-allergen-sulfur-dioxide-sulfite","b2b_icon-almond","b2b_icon-archive","b2b_icon-armchair","b2b_icon-arrow-down","b2b_icon-arrow-graph","b2b_icon-arrow-left","b2b_icon-arrow-right","b2b_icon-arrow-up","b2b_icon-assembly","b2b_icon-assortment","b2b_icon-attachment","b2b_icon-augmented-reality","b2b_icon-autonomous-team","b2b_icon-bank-details","b2b_icon-bar-graph-ascending","b2b_icon-bar-graph-axis","b2b_icon-barley","b2b_icon-basket-sale","b2b_icon-basket","b2b_icon-basketball","b2b_icon-bikini","b2b_icon-blogs","b2b_icon-brandshop","b2b_icon-brazil-nut","b2b_icon-browser-click","b2b_icon-browser-content","b2b_icon-browser-psm","b2b_icon-burger","b2b_icon-bus","b2b_icon-callback","b2b_icon-camera","b2b_icon-cashback","b2b_icon-cashew-nut","b2b_icon-catalogue","b2b_icon-categories","b2b_icon-celery","b2b_icon-certificate","b2b_icon-chair","b2b_icon-chat","b2b_icon-chatbot","b2b_icon-check-bold","b2b_icon-check","b2b_icon-chicken","b2b_icon-city","b2b_icon-clear","b2b_icon-close-bold","b2b_icon-close","b2b_icon-code-management","b2b_icon-contact-mail","b2b_icon-copy","b2b_icon-cow","b2b_icon-crab","b2b_icon-critique","b2b_icon-curtain","b2b_icon-cut-out","b2b_icon-dashboard","b2b_icon-deer","b2b_icon-delete","b2b_icon-delivery-24h","b2b_icon-delivery-desired-date-selection","b2b_icon-delivery-desired-date","b2b_icon-delivery-express","b2b_icon-delivery-flat","b2b_icon-delivery-on-hangers","b2b_icon-delivery-preferred-place","b2b_icon-desktop-phone-ads-click","b2b_icon-desktop-phone-ads","b2b_icon-desktop-phone","b2b_icon-desktop","b2b_icon-devices-monitor-laptop-tablet","b2b_icon-dish-feature-lactose-free","b2b_icon-dislike","b2b_icon-disposal","b2b_icon-document-sign","b2b_icon-downloads","b2b_icon-dress","b2b_icon-dungarees","b2b_icon-duration","b2b_icon-e-invoice","b2b_icon-edit-pad","b2b_icon-edit","b2b_icon-egg","b2b_icon-ellipsis","b2b_icon-email-verification-confirmed-safe","b2b_icon-email-verification-confirmed","b2b_icon-email-verification-sent-safe","b2b_icon-email-verification-sent","b2b_icon-empty-hint","b2b_icon-end-to-end","b2b_icon-error-article-image","b2b_icon-error-hint","b2b_icon-error","b2b_icon-euro","b2b_icon-event","b2b_icon-events","b2b_icon-expand","b2b_icon-faq","b2b_icon-feedback","b2b_icon-filter","b2b_icon-fish","b2b_icon-fitness","b2b_icon-flag-chequered","b2b_icon-flexible-work","b2b_icon-flip","b2b_icon-food-processor","b2b_icon-fullscreen","b2b_icon-gallery-view","b2b_icon-gamepad","b2b_icon-garlic","b2b_icon-gender-intersex","b2b_icon-globe","b2b_icon-gluten","b2b_icon-glutenfree","b2b_icon-handshake","b2b_icon-hashtag","b2b_icon-hazelnut","b2b_icon-hide","b2b_icon-high-heels","b2b_icon-home","b2b_icon-info-small","b2b_icon-info","b2b_icon-inplace-zoom-reverse","b2b_icon-inplace-zoom","b2b_icon-insurance","b2b_icon-kamut","b2b_icon-laptop-os","b2b_icon-laptop","b2b_icon-leaving-page","b2b_icon-light-bulb","b2b_icon-like-fingers","b2b_icon-like-product","b2b_icon-like","b2b_icon-line-graph","b2b_icon-list-view","b2b_icon-location","b2b_icon-lupine","b2b_icon-macadamia","b2b_icon-material-samples","b2b_icon-measurement","b2b_icon-megaphone","b2b_icon-menu","b2b_icon-mic","b2b_icon-milk","b2b_icon-minus","b2b_icon-module-operations","b2b_icon-money-coins","b2b_icon-money-document","b2b_icon-money-plus","b2b_icon-money-stack","b2b_icon-money","b2b_icon-move","b2b_icon-mustard","b2b_icon-nav","b2b_icon-new","b2b_icon-newsletter-sign-up","b2b_icon-notification","b2b_icon-nuts","b2b_icon-oat","b2b_icon-order-cancelled","b2b_icon-order-delivered","b2b_icon-order-form","b2b_icon-order-management","b2b_icon-order-misdirected","b2b_icon-order-on-road","b2b_icon-order-packed","b2b_icon-order-payment","b2b_icon-order-received","b2b_icon-order-return","b2b_icon-order-shipped","b2b_icon-order-state-unknown","b2b_icon-order-stored","b2b_icon-order","b2b_icon-otto-app","b2b_icon-otto-campus","b2b_icon-otto-company","b2b_icon-otto-laptop","b2b_icon-otto-logo","b2b_icon-otto-up-points","b2b_icon-otto-up","b2b_icon-paper-plane","b2b_icon-pause","b2b_icon-payment-credit-card","b2b_icon-payment-invoice","b2b_icon-payment-pause","b2b_icon-payment-plan-protection","b2b_icon-payment-plan","b2b_icon-pdf","b2b_icon-peanut","b2b_icon-pecan-nut","b2b_icon-pending","b2b_icon-person-access","b2b_icon-person-callcenter","b2b_icon-person-check","b2b_icon-person-colleagues","b2b_icon-person-community","b2b_icon-person-development","b2b_icon-person-female","b2b_icon-person-info","b2b_icon-person-male","b2b_icon-person-rating","b2b_icon-person-support","b2b_icon-person-switch","b2b_icon-person-workshop","b2b_icon-person","b2b_icon-phone-permission","b2b_icon-phone","b2b_icon-pig","b2b_icon-pin","b2b_icon-pinch-gesture","b2b_icon-pinch","b2b_icon-pistachio","b2b_icon-plant","b2b_icon-play-1","b2b_icon-play","b2b_icon-plus","b2b_icon-price-alert","b2b_icon-price-tag","b2b_icon-print","b2b_icon-puzzle","b2b_icon-qr-code","b2b_icon-question-hint","b2b_icon-question","b2b_icon-rating-empty","b2b_icon-rating-filled","b2b_icon-rating-half","b2b_icon-rating-order","b2b_icon-rating-payment","b2b_icon-remote-work","b2b_icon-repair","b2b_icon-reply","b2b_icon-retirement-provision","b2b_icon-rocket","b2b_icon-rye","b2b_icon-sabbatical","b2b_icon-sale","b2b_icon-save","b2b_icon-sea","b2b_icon-search-enter","b2b_icon-search","b2b_icon-seo","b2b_icon-service-info","b2b_icon-sesame","b2b_icon-settings","b2b_icon-share-ios","b2b_icon-share","b2b_icon-sheep","b2b_icon-shell","b2b_icon-shirt","b2b_icon-shopping-cart-euro","b2b_icon-shopping-cart","b2b_icon-show","b2b_icon-smiley-angry","b2b_icon-smiley-happy","b2b_icon-smiley-negative","b2b_icon-smiley-neutral","b2b_icon-smiley-positive","b2b_icon-sms-info","b2b_icon-sneaker","b2b_icon-sort-ascending","b2b_icon-sort-descending","b2b_icon-sort","b2b_icon-soy","b2b_icon-spelt","b2b_icon-stationary","b2b_icon-studies","b2b_icon-success","b2b_icon-sustainable-delivery","b2b_icon-sustainable-energy-efficient","b2b_icon-sustainable-production","b2b_icon-sustainable-recycling","b2b_icon-sustainable-resource","b2b_icon-swipe-gesture","b2b_icon-sync-device","b2b_icon-t-shirt","b2b_icon-tablet","b2b_icon-tableware","b2b_icon-target-group","b2b_icon-teddy","b2b_icon-test-result","b2b_icon-town","b2b_icon-trash","b2b_icon-trend-down","b2b_icon-trend-left","b2b_icon-trend-right","b2b_icon-trend-up","b2b_icon-trousers","b2b_icon-trusted","b2b_icon-unpin","b2b_icon-upload","b2b_icon-user-management","b2b_icon-vacation","b2b_icon-variant-content","b2b_icon-vegan","b2b_icon-vegetarian","b2b_icon-viewtoggle-tiles","b2b_icon-village","b2b_icon-volume-off","b2b_icon-volume-on","b2b_icon-voucher","b2b_icon-walnut","b2b_icon-warning-hint","b2b_icon-warning","b2b_icon-warranty","b2b_icon-washing-machine","b2b_icon-whatsapp","b2b_icon-wheat","b2b_icon-wifi","b2b_icon-wishlist-active","b2b_icon-wishlist","b2b_icon-work-life","b2b_icon-workshop","b2b_icon-zoom-in","b2b_icon-zoom-out","b2b_logo-carrier-dhl","b2b_logo-carrier-gls","b2b_logo-carrier-hermes","b2b_logo-carrier-ups"],a=class{constructor(o){b(this,o),this.isIconSupported=()=>n.includes(this.icon),this.isIconRightSize=()=>this.size>=24&&this.size<=96,this.icon=void 0,this.color="inherit",this.size=24,this.clickable=!1,this.focusable=!1,this.pathData=null}connectedCallback(){this.loadIconPathData()}render(){return this.isIconSupported()&&this.isIconRightSize()?o(e,null,o("div",{tabIndex:this.focusable?0:null,style:{width:`${this.size}px`,height:`${this.size}px`},class:{"b2b-icon-100":!0,[`b2b-icon-100--${this.color}`]:!0,"b2b-icon-100--clickable":this.clickable},innerHTML:this.pathData})):null}loadIconPathData(){if(!this.isIconSupported())return void console.warn("icon name: "+this.icon+" is not supported or might have a typo.");this.isIconRightSize()||console.warn(`the icon ${this.icon} uses an unsupported size (${this.size}px). Please use a size between 24 and 96 pixels.`);const b=r(this.icon,"icons-100");i.has(b)?this.pathData=i.get(b):c(b).then((()=>this.pathData=i.get(b)))}static get assetsDirs(){return["icons-100"]}static get watchers(){return{icon:["loadIconPathData"]}}};a.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{--b2b-icon-line-height:inherit;--b2b-icon-cursor:default}:host .b2b-icon-100{display:inline-flex;vertical-align:middle;line-height:var(--b2b-icon-line-height);cursor:var(--b2b-icon-cursor)}:host .b2b-icon-100--clickable{cursor:pointer}:host .b2b-icon-100.b2b-icon-100--primary{fill:var(--b2b-color-black-100)}:host .b2b-icon-100.b2b-icon-100--secondary{fill:var(--b2b-color-grey-200)}:host .b2b-icon-100.b2b-icon-100--inverse{fill:var(--b2b-color-white-100)}:host .b2b-icon-100.b2b-icon-100--inherit{fill:currentcolor}';export{a as b2b_icon_100}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M13.4928 8.0005H18.493C18.7693 8.0005 18.9933 7.77653 18.9933 7.50025C18.9933 7.22397 18.7693 7 18.493 7H13.4928C13.2165 7 12.9925 7.22397 12.9925 7.50025C12.9925 7.77653 13.2165 8.0005 13.4928 8.0005Z" />
|
|
3
|
-
<path d="M13.993 10.5003C13.993 10.7763 14.2165 11.0005 14.4933 11.0005H19.4853C19.7615 11.0005 19.9855 10.7765 19.9855 10.5003C19.9855 10.224 19.7615 10 19.4853 10H14.4933C14.3605 9.9998 14.2332 10.0524 14.1393 10.1463C14.0454 10.2402 13.9928 10.3675 13.993 10.5003Z" />
|
|
4
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4928 4H22.4965C22.6292 3.9998 22.7566 4.05244 22.8505 4.1463C22.9443 4.24016 22.997 4.36752 22.9968 4.50025V14.5053C22.997 14.638 22.9443 14.7653 22.8505 14.8592C22.7566 14.9531 22.6292 15.0057 22.4965 15.0055H19.9968V17.5008C19.9967 17.6955 19.8834 17.8724 19.7065 17.9538C19.5301 18.0361 19.3219 18.0083 19.1733 17.8825L15.775 15.0055L12.997 15.0033V17.5008C12.9972 17.6335 12.9446 17.7608 12.8507 17.8547C12.7568 17.9486 12.6295 18.0012 12.4968 18.001H6.7405L3.78175 19.921C3.62799 20.021 3.43182 20.0286 3.27073 19.941C3.10965 19.8533 3.00956 19.6844 3.01 19.501V18.001H1.50025C1.2235 18.001 1 17.7775 1 17.5008V8.50075C0.999802 8.36802 1.05244 8.24066 1.1463 8.1468C1.24016 8.05294 1.36752 8.0003 1.50025 8.0005H9.99251V4.50025C9.99251 4.22397 10.2165 4 10.4928 4ZM6.59275 17.0005H11.9965V15.0018L10.4913 15.0003C10.2153 15.0003 9.99175 14.7768 9.99175 14.5V9.00025H1.99975V17.0005H3.5095C3.64224 17.0003 3.76959 17.0529 3.86345 17.1468C3.95731 17.2407 4.00995 17.368 4.00975 17.5008V18.5808L6.3205 17.0808C6.40174 17.0286 6.49621 17.0007 6.59275 17.0005ZM21.9978 14.005H19.498C19.3653 14.0048 19.2379 14.0574 19.1441 14.1513C19.0502 14.2452 18.9976 14.3725 18.9978 14.5053V16.4223L16.2828 14.1235C16.1924 14.0471 16.0779 14.0051 15.9595 14.005L10.993 14.0005V5.0005H21.9978V14.005Z" />
|
|
5
|
-
</svg>
|