@adyen/bento-design-tokens - npm Package Compare versions

Comparing version 0.2.1 to 0.3.0

dist/js/bento/es6-legacy.js

@@ -505,3 +505,4 @@ export const BColorBackgroundPrimary = "#ffffff";
 export const BDropdownDefaultTextboxAdditionalItemsPadding = "4px 6px";
-export const BDropdownDefaultTextboxAdditionalItemsMargin = "0 12px";
+export const BDropdownDefaultTextboxBaseTextboxGap = "12px";
+export const BDropdownDefaultTextboxInputSelectedElementMarginRight = "8px";
 export const BDropdownOptionsContainerBorderColor = "#dce0e5";
@@ -526,6 +527,16 @@ export const BDropdownOptionsContainerBorderRadius = "0 0 6px 6px";
 export const BDropdownSmallTextboxAdditionalItemsMargin = "0 0 0 12px";
+export const BDropdownSmallTextboxBaseTextboxGap = "2px";
 export const BFilterBarGap = "8px";
+export const BFilterBarPaddingRight = "16px";
 export const BFilterBarClearAllMarginLeft = "8px";
 export const BFilterBarFiltersWrapperGap = "8px";
+export const BFilterBarFiltersWrapperPaddingRight = "16px";
+export const BFilterBarBooleanFilterPadding = "12px 16px";
+export const BFilterBarRangeFilterPadding = "12px 16px";
+export const BFilterBarRangeFilterItemPadding = "12px";
 export const BFilterBarTextFilterPadding = "12px 16px";
+export const BFilterBarSelectFilterDividerBackgroundColor = "#eeeff1";
+export const BFilterBarSelectFilterDividerBorderWidth = "0";
+export const BFilterBarSelectFilterDividerMargin = "8px 0px 0px";
+export const BFilterBarSelectFilterSearchBarPadding = "12px 16px 0px";
 export const BFilterButtonBackgroundColor = "#ffffff";
@@ -618,4 +629,4 @@ export const BFilterButtonBorderColor = "#dce0e5";
 export const BListboxOptionDescriptionMarginTop = "4px";
-export const BListboxOptionCurrencyLabelColor = "#00112c";
-export const BListboxOptionCurrencyLabelPadding = "0 0 0 8px";
+export const BListboxOptionTagLabelColor = "#00112c";
+export const BListboxOptionTagLabelPadding = "0 0 0 8px";
 export const BListboxOptionSelectedFontColor = "#ffffff";
@@ -679,3 +690,3 @@ export const BListboxOptionSelectedBackgroundColor = "#0066ff";
 export const BPopoverWithDividerContentPadding = "0px";
-export const BPopoverContentPadding = "16px";
+export const BPopoverContentPadding = "12px 16px";
 export const BPopoverHeaderPadding = "12px 16px 0px 16px";
@@ -725,2 +736,15 @@ export const BPopoverHeaderTitleColumnGap = "8px";
 export const BStatusIndicatorYellowBackgroundColor = "#f7bc00";
+export const BTabsBackgroundColor = "#ffffff";
+export const BTabsTabListBorderBottomColor = "#eeeff1";
+export const BTabsTabListBorderBottomWidth = "1px";
+export const BTabsTabListGap = "24px";
+export const BTabsTabListHeight = "44px";
+export const BTabsTabMarginBottom = "-1px";
+export const BTabsTabTitleBorderRadius = "2px";
+export const BTabsTabTitleColor = "#00112c";
+export const BTabsTabTitleDisabledColor = "#8d95a3";
+export const BTabsTabUnderlineBorderRadius = 0;
+export const BTabsTabUnderlineColor = "#00112c";
+export const BTabsTabUnderlineHeight = "3px";
+export const BTabsTabUnderlineHeightActive = "3px";
 export const BTagPadding = "0 8px";
@@ -727,0 +751,0 @@ export const BTagDefaultColor = "#394962";

dist/js/bento/es6.js

@@ -417,3 +417,4 @@ export const BColorBackgroundPrimary = "#ffffff";
 export const BDropdownDefaultTextboxAdditionalItemsPadding = "4px 6px";
-export const BDropdownDefaultTextboxAdditionalItemsMargin = "0 12px";
+export const BDropdownDefaultTextboxBaseTextboxGap = "12px";
+export const BDropdownDefaultTextboxInputSelectedElementMarginRight = "8px";
 export const BDropdownOptionsContainerBorderColor = "unset";
@@ -437,6 +438,16 @@ export const BDropdownOptionsContainerBorderRadius = "8px";
 export const BDropdownSmallTextboxAdditionalItemsMargin = "0 0 0 12px";
+export const BDropdownSmallTextboxBaseTextboxGap = "2px";
 export const BFilterBarGap = "8px";
+export const BFilterBarPaddingRight = "16px";
 export const BFilterBarClearAllMarginLeft = "8px";
 export const BFilterBarFiltersWrapperGap = "8px";
+export const BFilterBarFiltersWrapperPaddingRight = "16px";
+export const BFilterBarBooleanFilterPadding = "12px 16px";
+export const BFilterBarRangeFilterPadding = "12px 16px";
+export const BFilterBarRangeFilterItemPadding = "12px";
 export const BFilterBarTextFilterPadding = "12px 16px";
+export const BFilterBarSelectFilterDividerBackgroundColor = "#eeeff1";
+export const BFilterBarSelectFilterDividerBorderWidth = "0";
+export const BFilterBarSelectFilterDividerMargin = "8px 0px 0px";
+export const BFilterBarSelectFilterSearchBarPadding = "12px 16px 0px";
 export const BFilterButtonBackgroundColor = "#ffffff";
@@ -516,4 +527,4 @@ export const BFilterButtonBorderColor = "#d1d5da";
 export const BListboxOptionDescriptionMarginTop = "4px";
-export const BListboxOptionCurrencyLabelColor = "#00112c";
-export const BListboxOptionCurrencyLabelPadding = "0 0 0 8px";
+export const BListboxOptionTagLabelColor = "#00112c";
+export const BListboxOptionTagLabelPadding = "0 0 0 8px";
 export const BListboxMultiSelectDividerBackgroundColor = "#eeeff1";
@@ -575,3 +586,3 @@ export const BListboxMultiSelectDividerMargin = "8px 0px";
 export const BPopoverWithDividerContentPadding = "0px";
-export const BPopoverContentPadding = "16px";
+export const BPopoverContentPadding = "12px 16px";
 export const BPopoverHeaderPadding = "12px 16px 0px 16px";
@@ -620,2 +631,15 @@ export const BPopoverHeaderTitleColumnGap = "8px";
 export const BStatusIndicatorYellowBackgroundColor = "#f7bc00";
+export const BTabsBackgroundColor = "#ffffff";
+export const BTabsTabListBorderBottomColor = "#eeeff1";
+export const BTabsTabListBorderBottomWidth = "1px";
+export const BTabsTabListGap = "24px";
+export const BTabsTabListHeight = "38px";
+export const BTabsTabMarginBottom = "-1px";
+export const BTabsTabTitleBorderRadius = "2px";
+export const BTabsTabTitleColor = "#00112c";
+export const BTabsTabTitleDisabledColor = "#8d95a3";
+export const BTabsTabUnderlineBorderRadius = "2px 2px 0 0";
+export const BTabsTabUnderlineColor = "#00112c";
+export const BTabsTabUnderlineHeight = "1px";
+export const BTabsTabUnderlineHeightActive = "2px";
 export const BTagPadding = "2px 8px";
@@ -622,0 +646,0 @@ export const BTagDefaultColor = "#5c687c";

package.json

 {
     "name": "@adyen/bento-design-tokens",
-    "version": "0.2.1",
+    "version": "0.3.0",
     "license": "MIT",
@@ -23,3 +23,3 @@ "files": [
         "style-dictionary": "3.7.0",
-        "yaml": "2.1.3"
+        "yaml": "2.3.1"
     },
@@ -26,0 +26,0 @@ "repository": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

239228

increased by2.3%

Lines of code

4456

increased by2.2%

No dependency changes