@sapudex/web-components 0.192.2 → 0.199.3
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/bundle.esm.js +2 -0
- package/dist/Button.d.ts +2 -1
- package/dist/Button.js +2 -1
- package/dist/Button.js.map +1 -1
- package/dist/ControlButton.d.ts +11 -6
- package/dist/ControlButton.js +19 -7
- package/dist/ControlButton.js.map +1 -1
- package/dist/CountrySelector.js +1 -1
- package/dist/CountrySelector.js.map +1 -1
- package/dist/Footer.d.ts +1 -6
- package/dist/Footer.js +2 -9
- package/dist/Footer.js.map +1 -1
- package/dist/Link.d.ts +5 -0
- package/dist/Link.js +6 -0
- package/dist/Link.js.map +1 -1
- package/dist/List.d.ts +3 -2
- package/dist/List.js +10 -5
- package/dist/List.js.map +1 -1
- package/dist/ListGroupHeader.d.ts +1 -1
- package/dist/ListGroupHeader.js +2 -1
- package/dist/ListGroupHeader.js.map +1 -1
- package/dist/ListGroupHeaderBase.js +3 -3
- package/dist/ListGroupHeaderBase.js.map +1 -1
- package/dist/ListItem.d.ts +1 -1
- package/dist/ListItem.js +8 -7
- package/dist/ListItem.js.map +1 -1
- package/dist/ListItemBase.d.ts +1 -1
- package/dist/ListItemBase.js +1 -1
- package/dist/ListItemBase.js.map +1 -1
- package/dist/ListSelectAll.js +4 -5
- package/dist/ListSelectAll.js.map +1 -1
- package/dist/MastheadItem.d.ts +1 -6
- package/dist/MastheadItem.js +3 -9
- package/dist/MastheadItem.js.map +1 -1
- package/dist/MastheadMenuItem.d.ts +8 -5
- package/dist/MastheadMenuItem.js +9 -7
- package/dist/MastheadMenuItem.js.map +1 -1
- package/dist/MastheadShell.js +2 -2
- package/dist/MastheadShell.js.map +1 -1
- package/dist/MediaPlayer.js +3 -2
- package/dist/MediaPlayer.js.map +1 -1
- package/dist/MessageStrip.d.ts +9 -38
- package/dist/MessageStrip.js +30 -56
- package/dist/MessageStrip.js.map +1 -1
- package/dist/PhoneNumberField.js +7 -2
- package/dist/PhoneNumberField.js.map +1 -1
- package/dist/Search.js +1 -0
- package/dist/Search.js.map +1 -1
- package/dist/SecondaryNavigation.d.ts +0 -1
- package/dist/SecondaryNavigation.js +3 -3
- package/dist/SecondaryNavigation.js.map +1 -1
- package/dist/SecondaryNavigationItemBase.d.ts +1 -6
- package/dist/SecondaryNavigationItemBase.js +3 -9
- package/dist/SecondaryNavigationItemBase.js.map +1 -1
- package/dist/SegmentedButton.d.ts +2 -2
- package/dist/SegmentedButton.js +3 -2
- package/dist/SegmentedButton.js.map +1 -1
- package/dist/SegmentedButtonItem.d.ts +2 -6
- package/dist/SegmentedButtonItem.js +2 -7
- package/dist/SegmentedButtonItem.js.map +1 -1
- package/dist/SelectBox.d.ts +9 -1
- package/dist/SelectBox.js +14 -1
- package/dist/SelectBox.js.map +1 -1
- package/dist/Tab.d.ts +1 -6
- package/dist/Tab.js +1 -7
- package/dist/Tab.js.map +1 -1
- package/dist/Upload.d.ts +110 -0
- package/dist/Upload.js +198 -0
- package/dist/Upload.js.map +1 -0
- package/dist/UploadItem.d.ts +101 -0
- package/dist/UploadItem.js +151 -0
- package/dist/UploadItem.js.map +1 -0
- package/dist/assets/{bundle-c5e3cbf2.css → bundle-7a4a3e16.css} +1 -1
- package/dist/assets/{bundle.esm-809b9769.js → bundle.esm-44fd7c69.js} +208 -191
- package/dist/assets/messagebundle_en-59e0affd.js +1 -0
- package/dist/css/themes/Avatar.css +1 -1
- package/dist/css/themes/Button.css +1 -1
- package/dist/css/themes/CountrySelector.css +1 -1
- package/dist/css/themes/Link.css +1 -1
- package/dist/css/themes/Pagination.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/StatusBadge.css +1 -1
- package/dist/css/themes/Tag.css +1 -1
- package/dist/css/themes/TagGroup.css +1 -1
- package/dist/css/themes/TextField.css +1 -1
- package/dist/css/themes/Upload.css +1 -0
- package/dist/css/themes/UploadItem.css +1 -0
- package/dist/custom-elements-internal.json +470 -26
- package/dist/custom-elements.json +431 -21
- package/dist/features/SearchSuggestionsPopover.js +1 -1
- package/dist/features/SearchSuggestionsPopover.js.map +1 -1
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +6 -1
- package/dist/generated/i18n/i18n-defaults.js +10 -5
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/templates/ListItemTemplate.lit.js +4 -4
- package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ListTemplate.lit.js +2 -2
- package/dist/generated/templates/ListTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMenuItemTemplate.lit.js +1 -1
- package/dist/generated/templates/MastheadMenuItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js +1 -1
- package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MessageStripTemplate.lit.js +1 -1
- package/dist/generated/templates/MessageStripTemplate.lit.js.map +1 -1
- package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js +1 -1
- package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SelectBoxTemplate.lit.js +2 -2
- package/dist/generated/templates/SelectBoxTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TagGroupTemplate.lit.js +2 -2
- package/dist/generated/templates/TagGroupTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TileTemplate.lit.js +2 -2
- package/dist/generated/templates/TileTemplate.lit.js.map +1 -1
- package/dist/generated/templates/UploadItemTemplate.lit.d.ts +4 -0
- package/dist/generated/templates/UploadItemTemplate.lit.js +10 -0
- package/dist/generated/templates/UploadItemTemplate.lit.js.map +1 -0
- package/dist/generated/templates/UploadTemplate.lit.d.ts +4 -0
- package/dist/generated/templates/UploadTemplate.lit.js +8 -0
- package/dist/generated/templates/UploadTemplate.lit.js.map +1 -0
- package/dist/generated/themes/Avatar.css.js +1 -1
- package/dist/generated/themes/Avatar.css.js.map +1 -1
- package/dist/generated/themes/Button.css.js +1 -1
- package/dist/generated/themes/Button.css.js.map +1 -1
- package/dist/generated/themes/CountrySelector.css.js +1 -1
- package/dist/generated/themes/CountrySelector.css.js.map +1 -1
- package/dist/generated/themes/Link.css.js +1 -1
- package/dist/generated/themes/Link.css.js.map +1 -1
- package/dist/generated/themes/Pagination.css.js +1 -1
- package/dist/generated/themes/Pagination.css.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/generated/themes/StatusBadge.css.js +1 -1
- package/dist/generated/themes/StatusBadge.css.js.map +1 -1
- package/dist/generated/themes/Tag.css.js +1 -1
- package/dist/generated/themes/Tag.css.js.map +1 -1
- package/dist/generated/themes/TagGroup.css.js +1 -1
- package/dist/generated/themes/TagGroup.css.js.map +1 -1
- package/dist/generated/themes/TextField.css.js +1 -1
- package/dist/generated/themes/TextField.css.js.map +1 -1
- package/dist/generated/themes/Upload.css.d.ts +3 -0
- package/dist/generated/themes/Upload.css.js +9 -0
- package/dist/generated/themes/Upload.css.js.map +1 -0
- package/dist/generated/themes/UploadItem.css.d.ts +3 -0
- package/dist/generated/themes/UploadItem.css.js +9 -0
- package/dist/generated/themes/UploadItem.css.js.map +1 -0
- package/dist/i18n/messagebundle.properties +13 -4
- package/dist/i18n/messagebundle_en.properties +9 -4
- package/dist/types/ButtonSize.d.ts +6 -0
- package/dist/types/ButtonSize.js +8 -0
- package/dist/types/ButtonSize.js.map +1 -0
- package/dist/types/FileData.d.ts +5 -0
- package/dist/types/FileData.js +2 -0
- package/dist/types/FileData.js.map +1 -0
- package/dist/types/FileUploadState.d.ts +6 -0
- package/dist/types/FileUploadState.js +8 -0
- package/dist/types/FileUploadState.js.map +1 -0
- package/dist/types/MessageStrip.d.ts +12 -0
- package/dist/types/MessageStrip.js +15 -0
- package/dist/types/MessageStrip.js.map +1 -0
- package/dist/types/common.d.ts +6 -0
- package/dist/types/common.js +7 -0
- package/dist/types/common.js.map +1 -1
- package/dist/utils/Breakpoints.d.ts +33 -0
- package/dist/utils/Breakpoints.js +33 -0
- package/dist/utils/Breakpoints.js.map +1 -0
- package/dist/utils/convertBytesToMegabytes.d.ts +2 -0
- package/dist/utils/convertBytesToMegabytes.js +3 -0
- package/dist/utils/convertBytesToMegabytes.js.map +1 -0
- package/dist/vscode.html-custom-data.json +83 -1
- package/dist/web-types.json +191 -4
- package/package.json +2 -2
- package/src/Button.ts +5 -2
- package/src/ControlButton.ts +29 -8
- package/src/CountrySelector.ts +1 -1
- package/src/Footer.ts +3 -9
- package/src/Link.ts +12 -0
- package/src/List.hbs +4 -2
- package/src/List.ts +14 -8
- package/src/ListGroupHeader.ts +4 -2
- package/src/ListGroupHeaderBase.ts +12 -11
- package/src/ListItem.hbs +3 -1
- package/src/ListItem.ts +19 -15
- package/src/ListItemBase.ts +10 -10
- package/src/ListSelectAll.ts +5 -5
- package/src/MastheadItem.ts +3 -11
- package/src/MastheadMenuItem.hbs +1 -1
- package/src/MastheadMenuItem.ts +14 -7
- package/src/MastheadMobileMenu.hbs +1 -0
- package/src/MastheadShell.ts +2 -2
- package/src/MediaPlayer.ts +3 -3
- package/src/MessageStrip.hbs +1 -1
- package/src/MessageStrip.ts +38 -68
- package/src/PhoneNumberField.hbs +2 -2
- package/src/PhoneNumberField.ts +9 -4
- package/src/Search.ts +1 -0
- package/src/SecondaryNavigation.ts +3 -3
- package/src/SecondaryNavigationItemBase.ts +3 -9
- package/src/SegmentedButton.ts +4 -3
- package/src/SegmentedButtonItem.ts +3 -8
- package/src/SelectBox.hbs +19 -23
- package/src/SelectBox.ts +23 -1
- package/src/Tab.ts +1 -8
- package/src/TagGroup.hbs +20 -20
- package/src/Tile.hbs +3 -2
- package/src/Upload.hbs +21 -0
- package/src/Upload.ts +273 -0
- package/src/UploadItem.hbs +32 -0
- package/src/UploadItem.ts +218 -0
- package/src/features/SearchSuggestionsPopover.ts +1 -1
- package/src/generated/i18n/i18n-defaults.ts +2 -2
- package/src/generated/templates/ListItemTemplate.lit.ts +4 -4
- package/src/generated/templates/ListTemplate.lit.ts +2 -2
- package/src/generated/templates/MastheadMenuItemTemplate.lit.ts +1 -1
- package/src/generated/templates/MastheadMobileMenuTemplate.lit.ts +1 -1
- package/src/generated/templates/MessageStripTemplate.lit.ts +1 -1
- package/src/generated/templates/PhoneNumberFieldTemplate.lit.ts +1 -1
- package/src/generated/templates/SelectBoxTemplate.lit.ts +2 -2
- package/src/generated/templates/TagGroupTemplate.lit.ts +2 -2
- package/src/generated/templates/TileTemplate.lit.ts +2 -2
- package/src/generated/templates/UploadItemTemplate.lit.ts +15 -0
- package/src/generated/templates/UploadTemplate.lit.ts +13 -0
- package/src/generated/themes/Avatar.css.ts +1 -1
- package/src/generated/themes/Button.css.ts +1 -1
- package/src/generated/themes/CountrySelector.css.ts +1 -1
- package/src/generated/themes/Link.css.ts +1 -1
- package/src/generated/themes/Pagination.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/StatusBadge.css.ts +1 -1
- package/src/generated/themes/Tag.css.ts +1 -1
- package/src/generated/themes/TagGroup.css.ts +1 -1
- package/src/generated/themes/TextField.css.ts +1 -1
- package/src/generated/themes/Upload.css.ts +13 -0
- package/src/generated/themes/UploadItem.css.ts +13 -0
- package/src/i18n/messagebundle.properties +13 -4
- package/src/i18n/messagebundle_en.properties +9 -4
- package/src/themes/Avatar.css +36 -45
- package/src/themes/Button.css +3 -3
- package/src/themes/CountrySelector.css +1 -0
- package/src/themes/Link.css +17 -4
- package/src/themes/Pagination.css +1 -1
- package/src/themes/StatusBadge.css +9 -9
- package/src/themes/Tag.css +6 -3
- package/src/themes/TagGroup.css +0 -4
- package/src/themes/TextField.css +2 -1
- package/src/themes/Upload.css +65 -0
- package/src/themes/UploadItem.css +131 -0
- package/src/types/ButtonSize.ts +7 -0
- package/src/types/FileData.ts +6 -0
- package/src/types/FileUploadState.ts +7 -0
- package/src/types/MessageStrip.ts +13 -0
- package/src/types/common.ts +7 -0
- package/src/utils/Breakpoints.ts +41 -0
- package/src/utils/convertBytesToMegabytes.ts +3 -0
- package/dist/assets/messagebundle_en-06c0dadc.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Tag.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,mBAAmB,EAAC,OAAO,EAAC;CACxG,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/Tag.css.ts\",content:`:host{--udex-tags-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-tags-medium-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-tags-text-color: var(--udexColorGrey9, #223548);--udex-tags-min-height: 16px;--udex-tags-line-height: 18px;--udex-tags-medium-line-height: 21px;--udex-tags-icon-size: 12px;--udex-tags-medium-icon-size: 14px;--udex-tags-radius-size: 6px;--udex-tags-text-icon-gap: 3px;--udex-tags-padding-vertical: var(--udexSpacer2, 2px);--udex-tags-padding-horizontal: var(--udexSpacer8, 8px);--udex-tags-grey-default-caption-color: var(--udexColorGrey9, #223548);--udex-tags-grey-default-background-color: var(--sapButton_TokenBackground, var(--udexColorGrey2, #EAECEE));--udex-tags-grey-hover-caption-color: var(--udexColorGrey9, #223548);--udex-tags-grey-hover-background-color: var(--udexColorGrey3, #D5DADD);--udex-tags-grey-selected-caption-color: var(--udexColorBlue8, #0057D2);--udex-tags-grey-selected-background-color: var(--udexColorBlue2, #D1EFFF);--udex-tags-grey-hover-selected-caption-color: var(--udexColorBlue9, #0040B0);--udex-tags-grey-hover-selected-background-color: var(--udexColorBlue3, #A6E0FF);--udex-tags-grey-read-only-caption-color: var(--udexColorGrey6 ,#5B738B);--udex-tags-grey-read-only-background-color: var(--sapNeutralBackground, #FFFFFF);--udex-tags-outlined-default-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-outlined-default-border-color: var(--udexColorGrey4, #A9B4BE);--udex-tags-outlined-default-border-width: 1px;--udex-tags-outlined-default-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-outlined-hover-background-color: var(--udexColorGrey1, #F5F6F7);--udex-tags-outlined-hover-border-color: var(--udexColorGrey4, #A9B4BE);--udex-tags-outlined-hover-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-outlined-selected-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-outlined-selected-border-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-selected-caption-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-hover-selected-background-color: var(--udexColorBlue1 , #EBF8FF);--udex-tags-outlined-hover-selected-border-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-hover-selected-caption-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-read-only-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-outlined-read-only-border-color: var(--udexColorGrey4, #A9B4BE);--udex-tags-outlined-read-only-caption-color: var(--udexColorGrey6 ,#5B738B);--udex-tags-text-only-default-caption-color: var(--udexColorBlue7, #0070F2);--udex-tags-text-only-hover-caption-color: var(--udexColorBlue9, #0040B0);--udex-tags-text-only-hover-selected-caption-color: var(--udexColorBlue11, #00144A);--udex-tags-text-only-read-only-caption-color: var(--udexColorGrey6, #5B738B);--udex-tags-text-only-selected-caption-color: var(--udexColorBlue10, #002A86);--udex-tags-white-default-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-white-default-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-white-hover-background-color: var(--udexColorGrey2, #EAECEE);--udex-tags-white-hover-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-white-hover-selected-background-color: var(--udexColorBlue2, #D1EFFF);--udex-tags-white-hover-selected-caption-color: var(--udexColorBlue8, #0057D2);--udex-tags-white-read-only-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-white-read-only-caption-color: var(--udexColorGrey6, #5B738B);--udex-tags-white-selected-background-color: var(--udexColorBlue1, #EBF8FF);--udex-tags-white-selected-caption-color: var(--udexColorBlue7, #0070F2)}:host([desktop]:not([read-only])) .udex-tag:focus,:host([desktop]:not([read-only])) .udex-tag__btn-icon:focus,:host(:not([read-only])) .udex-tag:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:-2px}:host([read-only]) .udex-tag:focus-visible{outline:none;box-shadow:none}.udex-tag{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-tags-font-size);line-height:var(--udex-tags-line-height);color:var(--udex-tags-text-color);border-radius:var(--udex-tags-radius-size);display:inline-flex;padding:var(--udex-tags-padding-vertical) var(--udex-tags-padding-horizontal);gap:var(--udex-tags-text-icon-gap);align-items:center;overflow:hidden;position:relative;max-width:100%;cursor:pointer}.udex-tag__btn-icon{cursor:pointer;border:none;display:flex;padding:3px 0;align-items:center;justify-content:center;border-radius:var(--udex-tags-radius-size);outline-offset:-2px;background:transparent;color:inherit}.udex-tag.udex-tag--nonselectable.udex-tag--has-icon{padding:var(--udexSpacer2) var(--udexSpacer8)}.udex-tag--medium{font-size:var(--udex-tags-medium-font-size);line-height:var(--udex-tags-medium-line-height)}.udex-tag__icon{height:var(--udex-tags-icon-size);min-width:var(--udex-tags-icon-size);color:inherit}.udex-tag--medium .udex-tag__icon{height:var(--udex-tags-medium-icon-size);min-width:var(--udex-tags-medium-icon-size)}.udex-tag-grey,.udex-tag-grey.udex-tag--nonselectable,.udex-tag-grey.udex-tag--nonselectable:hover{color:var(--udex-tags-grey-default-caption-color);background-color:var(--udex-tags-grey-default-background-color)}.udex-tag-grey.udex-tag--nonselectable .udex-tag__icon:hover{background-color:var(--udex-tags-grey-hover-background-color)}.udex-tag-grey:hover{color:var(--udex-tags-grey-hover-caption-color);background-color:var(--udex-tags-grey-hover-background-color)}.udex-tag-grey.udex-tag--selected{color:var(--udex-tags-grey-selected-caption-color);background-color:var(--udex-tags-grey-selected-background-color)}.udex-tag--nonselectable{cursor:default}.udex-tag-grey.udex-tag--nonselectable,.udex-tag-grey.udex-tag--nonselectable:hover{color:var(--udex-tags-text-color)}.udex-tag-grey.udex-tag--selected:after{content:\"\";position:absolute;height:2px;width:100%;bottom:0;left:0;background-color:var(--udex-tags-grey-selected-caption-color)}.udex-tag-grey.udex-tag--selected:hover{color:var(--udex-tags-grey-hover-selected-caption-color);background-color:var(--udex-tags-grey-hover-selected-background-color)}.udex-tag-grey.udex-tag--selected:hover:after{background-color:var(--udex-tags-grey-hover-selected-caption-color)}.udex-tag--readonly{cursor:default}.udex-tag-grey.udex-tag--readonly:hover,.udex-tag-grey.udex-tag--readonly{color:var(--udex-tags-grey-read-only-caption-color);background-color:var(--udex-tags-grey-read-only-background-color)}.udex-tag-outlined,.udex-tag-outlined.udex-tag--nonselectable:hover{color:var(--udex-tags-outlined-default-caption-color);background-color:var(--udex-tags-outlined-default-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-default-border-color)}.udex-tag-outlined.udex-tag--nonselectable .udex-tag__icon:hover{background-color:var(--udex-tags-outlined-hover-background-color)}.udex-tag-outlined:hover{color:var(--udex-tags-outlined-hover-caption-color);background-color:var(--udex-tags-outlined-hover-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-hover-border-color)}.udex-tag-outlined.udex-tag--selected{color:var(--udex-tags-outlined-selected-caption-color);background-color:var(--udex-tags-outlined-selected-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-selected-border-color)}.udex-tag-outlined.udex-tag--selected:after{content:\"\";position:absolute;height:2px;width:100%;bottom:0;left:0;background-color:var(--udex-tags-outlined-selected-caption-color)}.udex-tag-outlined.udex-tag--selected:hover{color:var(--udex-tags-outlined-hover-selected-caption-color);background-color:var(--udex-tags-outlined-hover-selected-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-hover-selected-border-color)}.udex-tag-outlined.udex-tag--readonly:hover,.udex-tag-outlined.udex-tag--readonly{color:var(--udex-tags-outlined-read-only-caption-color);background-color:var(--udex-tags-outlined-read-only-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-read-only-border-color)}.udex-tag-text,.udex-tag-text.udex-tag--nonselectable.udex-tag--has-icon,.udex-tag-text.udex-tag--nonselectable:hover{color:var(--udex-tags-text-only-default-caption-color);padding:var(--udex-tags-padding-vertical) 0}.udex-tag-text .udex-tag__btn-icon{padding:var(--udexSpacer4) 0}.udex-tag-text.udex-tag--nonselectable .udex-tag__icon:hover,.udex-tag-text:hover{color:var(--udex-tags-text-only-hover-caption-color)}.udex-tag-text.udex-tag--selected{color:var(--udex-tags-text-only-selected-caption-color)}.udex-tag-text.udex-tag--selected:hover{color:var(--udex-tags-text-only-hover-selected-caption-color)}.udex-tag-text.udex-tag--readonly:hover,.udex-tag-text.udex-tag--readonly{color:var(--udex-tags-text-only-read-only-caption-color)}.udex-tag-white,.udex-tag-white.udex-tag--nonselectable:hover{color:var(--udex-tags-white-default-caption-color);background-color:var(--udex-tags-white-default-background-color)}.udex-tag-white.udex-tag--nonselectable .udex-tag__icon:hover{background-color:var(--udex-tags-white-hover-background-color)}.udex-tag-white:hover{color:var(--udex-tags-white-hover-caption-color);background-color:var(--udex-tags-white-hover-background-color)}.udex-tag-white.udex-tag--selected{color:var(--udex-tags-white-selected-caption-color);background-color:var(--udex-tags-white-selected-background-color)}.udex-tag-white.udex-tag--selected:after{content:\"\";position:absolute;height:2px;width:100%;bottom:0;left:0;background-color:var(--udex-tags-white-selected-caption-color)}.udex-tag-white.udex-tag--selected:hover{color:var(--udex-tags-white-hover-selected-caption-color);background-color:var(--udex-tags-white-hover-selected-background-color)}.udex-tag-white.udex-tag--selected:hover:after{background-color:var(--udex-tags-white-hover-selected-caption-color)}.udex-tag-white.udex-tag--readonly:hover,.udex-tag-white.udex-tag--readonly{color:var(--udex-tags-white-read-only-caption-color );background-color:var(--udex-tags-white-read-only-background-color)}.udex-tag__text b{font-weight:400}.udex-tag__text{overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap;min-height:var(--udex-tags-min-height)}.udex-tag--link{text-decoration:none}\n`};\nexport default styleData;\n\t"]}
|
|
1
|
+
{"version":3,"file":"Tag.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Tag.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,mBAAmB,EAAC,OAAO,EAAC;CACxG,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/Tag.css.ts\",content:`:host{--udex-tags-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-tags-medium-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-tags-text-color: var(--udexColorGrey9, #223548);--udex-tags-min-height: 16px;--udex-tags-line-height: 18px;--udex-tags-medium-line-height: 21px;--udex-tags-icon-size: 12px;--udex-tags-icon-padding: 2px;--udex-tags-medium-icon-size: 12px;--udex-tags-radius-size: 6px;--udex-tags-text-icon-gap: 3px;--udex-tags-padding-vertical: var(--udexSpacer2, 2px);--udex-tags-padding-horizontal: var(--udexSpacer8, 8px);--udex-tags-grey-default-caption-color: var(--udexColorGrey9, #223548);--udex-tags-grey-default-background-color: var(--sapButton_TokenBackground, var(--udexColorGrey2, #EAECEE));--udex-tags-grey-hover-caption-color: var(--udexColorGrey9, #223548);--udex-tags-grey-hover-background-color: var(--udexColorGrey3, #D5DADD);--udex-tags-grey-selected-caption-color: var(--udexColorBlue8, #0057D2);--udex-tags-grey-selected-background-color: var(--udexColorBlue2, #D1EFFF);--udex-tags-grey-hover-selected-caption-color: var(--udexColorBlue9, #0040B0);--udex-tags-grey-hover-selected-background-color: var(--udexColorBlue3, #A6E0FF);--udex-tags-grey-read-only-caption-color: var(--udexColorGrey6 ,#5B738B);--udex-tags-grey-read-only-background-color: var(--sapNeutralBackground, #FFFFFF);--udex-tags-outlined-default-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-outlined-default-border-color: var(--udexColorGrey4, #A9B4BE);--udex-tags-outlined-default-border-width: 1px;--udex-tags-outlined-default-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-outlined-hover-background-color: var(--udexColorGrey1, #F5F6F7);--udex-tags-outlined-hover-border-color: var(--udexColorGrey4, #A9B4BE);--udex-tags-outlined-hover-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-outlined-selected-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-outlined-selected-border-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-selected-caption-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-hover-selected-background-color: var(--udexColorBlue1 , #EBF8FF);--udex-tags-outlined-hover-selected-border-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-hover-selected-caption-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-read-only-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-outlined-read-only-border-color: var(--udexColorGrey4, #A9B4BE);--udex-tags-outlined-read-only-caption-color: var(--udexColorGrey6 ,#5B738B);--udex-tags-text-only-default-caption-color: var(--udexColorBlue7, #0070F2);--udex-tags-text-only-hover-caption-color: var(--udexColorBlue9, #0040B0);--udex-tags-text-only-hover-selected-caption-color: var(--udexColorBlue11, #00144A);--udex-tags-text-only-read-only-caption-color: var(--udexColorGrey6, #5B738B);--udex-tags-text-only-selected-caption-color: var(--udexColorBlue10, #002A86);--udex-tags-white-default-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-white-default-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-white-hover-background-color: var(--udexColorGrey2, #EAECEE);--udex-tags-white-hover-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-white-hover-selected-background-color: var(--udexColorBlue2, #D1EFFF);--udex-tags-white-hover-selected-caption-color: var(--udexColorBlue8, #0057D2);--udex-tags-white-read-only-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-white-read-only-caption-color: var(--udexColorGrey6, #5B738B);--udex-tags-white-selected-background-color: var(--udexColorBlue1, #EBF8FF);--udex-tags-white-selected-caption-color: var(--udexColorBlue7, #0070F2)}:host([desktop]:not([read-only])) .udex-tag:focus,:host([desktop]:not([read-only])) .udex-tag__btn-icon:focus,:host(:not([read-only])) .udex-tag:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:-2px}:host([read-only]) .udex-tag:focus-visible{outline:none;box-shadow:none}.udex-tag{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-tags-font-size);line-height:var(--udex-tags-line-height);color:var(--udex-tags-text-color);border-radius:var(--udex-tags-radius-size);display:inline-flex;padding:var(--udex-tags-padding-vertical) var(--udex-tags-padding-horizontal);gap:var(--udex-tags-text-icon-gap);align-items:center;overflow:hidden;position:relative;max-width:100%;cursor:pointer}.udex-tag__btn-icon{cursor:pointer;border:none;display:flex;padding:3px 0;align-items:center;justify-content:center;border-radius:var(--udex-tags-radius-size);outline-offset:-2px;background:transparent;color:inherit}.udex-tag.udex-tag--nonselectable.udex-tag--has-icon{padding:var(--udexSpacer2) var(--udexSpacer8)}.udex-tag--medium{font-size:var(--udex-tags-medium-font-size);line-height:var(--udex-tags-medium-line-height)}.udex-tag__icon{padding:var(--udex-tags-icon-padding);height:var(--udex-tags-icon-size);width:var(--udex-tags-icon-size);color:inherit}.udex-tag--medium .udex-tag__icon{padding:var(--udex-tags-icon-padding);height:var(--udex-tags-medium-icon-size);width:var(--udex-tags-medium-icon-size)}.udex-tag-grey,.udex-tag-grey.udex-tag--nonselectable,.udex-tag-grey.udex-tag--nonselectable:hover{color:var(--udex-tags-grey-default-caption-color);background-color:var(--udex-tags-grey-default-background-color)}.udex-tag-grey.udex-tag--nonselectable .udex-tag__icon:hover{background-color:var(--udex-tags-grey-hover-background-color)}.udex-tag-grey:hover{color:var(--udex-tags-grey-hover-caption-color);background-color:var(--udex-tags-grey-hover-background-color)}.udex-tag-grey.udex-tag--selected{color:var(--udex-tags-grey-selected-caption-color);background-color:var(--udex-tags-grey-selected-background-color)}.udex-tag--nonselectable{cursor:default}.udex-tag-grey.udex-tag--nonselectable,.udex-tag-grey.udex-tag--nonselectable:hover{color:var(--udex-tags-text-color)}.udex-tag-grey.udex-tag--selected:after{content:\"\";position:absolute;height:2px;width:100%;bottom:0;left:0;background-color:var(--udex-tags-grey-selected-caption-color)}.udex-tag-grey.udex-tag--selected:hover{color:var(--udex-tags-grey-hover-selected-caption-color);background-color:var(--udex-tags-grey-hover-selected-background-color)}.udex-tag-grey.udex-tag--selected:hover:after{background-color:var(--udex-tags-grey-hover-selected-caption-color)}.udex-tag--readonly{cursor:default}.udex-tag-grey.udex-tag--readonly:hover,.udex-tag-grey.udex-tag--readonly{color:var(--udex-tags-grey-read-only-caption-color);background-color:var(--udex-tags-grey-read-only-background-color)}.udex-tag-outlined,.udex-tag-outlined.udex-tag--nonselectable:hover{color:var(--udex-tags-outlined-default-caption-color);background-color:var(--udex-tags-outlined-default-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-default-border-color)}.udex-tag-outlined.udex-tag--nonselectable .udex-tag__icon:hover{background-color:var(--udex-tags-outlined-hover-background-color)}.udex-tag-outlined:hover{color:var(--udex-tags-outlined-hover-caption-color);background-color:var(--udex-tags-outlined-hover-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-hover-border-color)}.udex-tag-outlined.udex-tag--selected{color:var(--udex-tags-outlined-selected-caption-color);background-color:var(--udex-tags-outlined-selected-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-selected-border-color)}.udex-tag-outlined.udex-tag--selected:after{content:\"\";position:absolute;height:2px;width:100%;bottom:0;left:0;background-color:var(--udex-tags-outlined-selected-caption-color)}.udex-tag-outlined.udex-tag--selected:hover{color:var(--udex-tags-outlined-hover-selected-caption-color);background-color:var(--udex-tags-outlined-hover-selected-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-hover-selected-border-color)}.udex-tag-outlined.udex-tag--readonly:hover,.udex-tag-outlined.udex-tag--readonly{color:var(--udex-tags-outlined-read-only-caption-color);background-color:var(--udex-tags-outlined-read-only-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-read-only-border-color)}.udex-tag-text,.udex-tag-text.udex-tag--nonselectable.udex-tag--has-icon,.udex-tag-text.udex-tag--nonselectable:hover{color:var(--udex-tags-text-only-default-caption-color);padding:var(--udex-tags-padding-vertical) 0}.udex-tag-text .udex-tag__btn-icon{padding:var(--udexSpacer4) 0}.udex-tag-text.udex-tag--nonselectable .udex-tag__icon:hover,.udex-tag-text:hover{color:var(--udex-tags-text-only-hover-caption-color)}.udex-tag-text.udex-tag--selected{color:var(--udex-tags-text-only-selected-caption-color)}.udex-tag-text.udex-tag--selected:hover{color:var(--udex-tags-text-only-hover-selected-caption-color)}.udex-tag-text.udex-tag--readonly:hover,.udex-tag-text.udex-tag--readonly{color:var(--udex-tags-text-only-read-only-caption-color)}.udex-tag-white,.udex-tag-white.udex-tag--nonselectable:hover{color:var(--udex-tags-white-default-caption-color);background-color:var(--udex-tags-white-default-background-color)}.udex-tag-white.udex-tag--nonselectable .udex-tag__icon:hover{background-color:var(--udex-tags-white-hover-background-color)}.udex-tag-white:hover{color:var(--udex-tags-white-hover-caption-color);background-color:var(--udex-tags-white-hover-background-color)}.udex-tag-white.udex-tag--selected{color:var(--udex-tags-white-selected-caption-color);background-color:var(--udex-tags-white-selected-background-color)}.udex-tag-white.udex-tag--selected:after{content:\"\";position:absolute;height:2px;width:100%;bottom:0;left:0;background-color:var(--udex-tags-white-selected-caption-color)}.udex-tag-white.udex-tag--selected:hover{color:var(--udex-tags-white-hover-selected-caption-color);background-color:var(--udex-tags-white-hover-selected-background-color)}.udex-tag-white.udex-tag--selected:hover:after{background-color:var(--udex-tags-white-hover-selected-caption-color)}.udex-tag-white.udex-tag--readonly:hover,.udex-tag-white.udex-tag--readonly{color:var(--udex-tags-white-read-only-caption-color );background-color:var(--udex-tags-white-read-only-background-color)}.udex-tag__text b{font-weight:400}.udex-tag__text{overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap;min-height:var(--udex-tags-min-height)}.udex-tag--link{text-decoration:none}\n`};\nexport default styleData;\n\t"]}
|
|
@@ -3,7 +3,7 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
const styleData = { packageName: "@sapudex/web-components", fileName: "themes/TagGroup.css.ts", content: `.udex-tag-group__tokenizer{border:none;width:100%;min-width:100px;line-height:normal}::part(n-more-text){font-size:var(--udexTypographyBodyXXSFontSize)}:host([disabled]){opacity:var(--sapContent_DisabledOpacity)}.udex-tag-group__tag{margin-inline-end:var(--udexSpacer8);max-width:100%}.udex-tag-group__tokenizer .udex-tag-group__tag{display:flex}:host(:not([displayonly])) .udex-tag-group-tooltip__content{line-height:1.75}.udex-tag-group__tag[data-overflows]{margin-inline-end:var(--udexSpacer4)}.udex-tag-group__tag[overflows]{display:none}:host([disabled]) .udex-tag-group__tokenizer,:host([readonly]) .udex-tag-group__tokenizer{pointer-events:none}:host([displayonly]) .udex-tag-group__tag
|
|
6
|
+
const styleData = { packageName: "@sapudex/web-components", fileName: "themes/TagGroup.css.ts", content: `.udex-tag-group__tokenizer{border:none;width:100%;min-width:100px;line-height:normal}::part(n-more-text){font-size:var(--udexTypographyBodyXXSFontSize)}:host([disabled]){opacity:var(--sapContent_DisabledOpacity)}.udex-tag-group__tag{margin-inline-end:var(--udexSpacer8);max-width:100%}.udex-tag-group__tokenizer .udex-tag-group__tag{display:flex}:host(:not([displayonly])) .udex-tag-group-tooltip__content{line-height:1.75}.udex-tag-group__tag[data-overflows]{margin-inline-end:var(--udexSpacer4)}.udex-tag-group__tag[overflows]{display:none}:host([disabled]) .udex-tag-group__tokenizer,:host([readonly]) .udex-tag-group__tokenizer{pointer-events:none}:host([displayonly]) .udex-tag-group__tag{margin-inline-end:0;position:relative}:host([displayonly]:dir(rtl)) .udex-tag-group__tag:not(:first-child):before{left:auto;right:-2px}:host([displayonly])::part(n-more-text):before,:host([displayonly]) .udex-tag-group__tag:not(:first-child):not([data-overflows]):before{content:"";position:absolute;top:9px;left:-2px;display:block;width:4px;height:4px;border-radius:50%;z-index:1;background:var(--udexColorGrey9, #223548)}:host([displayonly])::part(n-more-text):before{top:5px;left:-10px}:host([readonly])::part(n-more-text){color:var(--udexColorGrey6 ,#5B738B)}:host([displayonly])::part(n-more-text){position:relative;margin-inline-start:9px}::part(n-more-text){margin-inline-end:4px}:host([displayonly]:dir(rtl))::part(n-more-text):before{left:auto;right:-10px}::part(n-more-text):focus,::part(n-more-text):focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:3px;outline-style:auto}
|
|
7
7
|
` };
|
|
8
8
|
export default styleData;
|
|
9
9
|
//# sourceMappingURL=TagGroup.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagGroup.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TagGroup.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,wBAAwB,EAAC,OAAO,EAAC;CAC7G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/TagGroup.css.ts\",content:`.udex-tag-group__tokenizer{border:none;width:100%;min-width:100px;line-height:normal}::part(n-more-text){font-size:var(--udexTypographyBodyXXSFontSize)}:host([disabled]){opacity:var(--sapContent_DisabledOpacity)}.udex-tag-group__tag{margin-inline-end:var(--udexSpacer8);max-width:100%}.udex-tag-group__tokenizer .udex-tag-group__tag{display:flex}:host(:not([displayonly])) .udex-tag-group-tooltip__content{line-height:1.75}.udex-tag-group__tag[data-overflows]{margin-inline-end:var(--udexSpacer4)}.udex-tag-group__tag[overflows]{display:none}:host([disabled]) .udex-tag-group__tokenizer,:host([readonly]) .udex-tag-group__tokenizer{pointer-events:none}:host([displayonly]) .udex-tag-group__tag
|
|
1
|
+
{"version":3,"file":"TagGroup.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TagGroup.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,wBAAwB,EAAC,OAAO,EAAC;CAC7G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/TagGroup.css.ts\",content:`.udex-tag-group__tokenizer{border:none;width:100%;min-width:100px;line-height:normal}::part(n-more-text){font-size:var(--udexTypographyBodyXXSFontSize)}:host([disabled]){opacity:var(--sapContent_DisabledOpacity)}.udex-tag-group__tag{margin-inline-end:var(--udexSpacer8);max-width:100%}.udex-tag-group__tokenizer .udex-tag-group__tag{display:flex}:host(:not([displayonly])) .udex-tag-group-tooltip__content{line-height:1.75}.udex-tag-group__tag[data-overflows]{margin-inline-end:var(--udexSpacer4)}.udex-tag-group__tag[overflows]{display:none}:host([disabled]) .udex-tag-group__tokenizer,:host([readonly]) .udex-tag-group__tokenizer{pointer-events:none}:host([displayonly]) .udex-tag-group__tag{margin-inline-end:0;position:relative}:host([displayonly]:dir(rtl)) .udex-tag-group__tag:not(:first-child):before{left:auto;right:-2px}:host([displayonly])::part(n-more-text):before,:host([displayonly]) .udex-tag-group__tag:not(:first-child):not([data-overflows]):before{content:\"\";position:absolute;top:9px;left:-2px;display:block;width:4px;height:4px;border-radius:50%;z-index:1;background:var(--udexColorGrey9, #223548)}:host([displayonly])::part(n-more-text):before{top:5px;left:-10px}:host([readonly])::part(n-more-text){color:var(--udexColorGrey6 ,#5B738B)}:host([displayonly])::part(n-more-text){position:relative;margin-inline-start:9px}::part(n-more-text){margin-inline-end:4px}:host([displayonly]:dir(rtl))::part(n-more-text):before{left:auto;right:-10px}::part(n-more-text):focus,::part(n-more-text):focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:3px;outline-style:auto}\n`};\nexport default styleData;\n\t"]}
|
|
@@ -3,7 +3,7 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
const styleData = { packageName: "@sapudex/web-components", fileName: "themes/TextField.css.ts", content: `:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}:host([active]) .udex-text-field_icon-container{border-color:transparent;color:var(--udexColorGrey7, #475E75)}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state="Success"][displayonly]) .udex-text-field__wrap,:host([value-state="Warning"][displayonly]) .udex-text-field__wrap,:host([value-state="Error"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Warning"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Error"]) .udex-text-field__wrap:hover{border:none}:host([value-state="Error"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state="Error"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state="Error"]) .udex-text-field__wrap[open],:host([value-state="Error"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state="Warning"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state="Warning"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state="Warning"]) .udex-text-field__wrap[open],:host([value-state="Warning"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state="Success"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state="Success"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state="Success"]) .udex-text-field__wrap[open],:host([value-state="Success"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:12px}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:12px}:host([displayonly]:dir(ltr)) .udex-text-field__label,:host([displayonly]:dir(rtl)) .udex-text-field__label{padding:0}.udex-text-field__label.udex-text-field__label_active{line-height:18px;transform:translateY(-110%);padding:6px 4px 0;font-size:12px;background:linear-gradient(transparent 55%,var(--udex-input-color-standard-default-background-light) 45%)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 55%,var(--udex-input-color-read-only-default-background) 45%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}:host([active]) [active].udex-text-field_icon-container{border-color:transparent;color:var(--udexColorGrey7, #475E75)}:host [active].udex-text-field_icon-container{border-color:var(--udexColorBlue4, #89D1FF);color:var(--udexColorBlue9, #0040B0)}:host([active]) .udex-text-field_icon-container:hover{border-color:var(--udexColorGrey7, #475E75);color:var(--udexColorGrey7, #475E75)}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state="Error"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state="Warning"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state="Success"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}
|
|
6
|
+
const styleData = { packageName: "@sapudex/web-components", fileName: "themes/TextField.css.ts", content: `:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}:host([active]) .udex-text-field_icon-container{border-color:transparent;color:var(--udexColorGrey7, #475E75)}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state="Success"][displayonly]) .udex-text-field__wrap,:host([value-state="Warning"][displayonly]) .udex-text-field__wrap,:host([value-state="Error"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Warning"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Error"]) .udex-text-field__wrap:hover{border:none}:host([value-state="Error"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state="Error"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state="Error"]) .udex-text-field__wrap[open],:host([value-state="Error"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state="Warning"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state="Warning"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state="Warning"]) .udex-text-field__wrap[open],:host([value-state="Warning"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state="Success"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state="Success"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state="Success"]) .udex-text-field__wrap[open],:host([value-state="Success"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:12px}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:12px}:host([displayonly]:dir(ltr)) .udex-text-field__label,:host([displayonly]:dir(rtl)) .udex-text-field__label{padding:0}.udex-text-field__label.udex-text-field__label_active,:host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label{line-height:18px;transform:translateY(-110%);padding:6px 4px 0;font-size:12px;background:linear-gradient(transparent 55%,var(--udex-input-color-standard-default-background-light) 45%)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 55%,var(--udex-input-color-read-only-default-background) 45%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}:host([active]) [active].udex-text-field_icon-container{border-color:transparent;color:var(--udexColorGrey7, #475E75)}:host [active].udex-text-field_icon-container{border-color:var(--udexColorBlue4, #89D1FF);color:var(--udexColorBlue9, #0040B0)}:host([active]) .udex-text-field_icon-container:hover{border-color:var(--udexColorGrey7, #475E75);color:var(--udexColorGrey7, #475E75)}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state="Error"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state="Warning"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state="Success"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}
|
|
7
7
|
` };
|
|
8
8
|
export default styleData;
|
|
9
9
|
//# sourceMappingURL=TextField.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TextField.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,yBAAyB,EAAC,OAAO,EAAC;CAC9G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/TextField.css.ts\",content:`:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded=\"true\"])[active]) .udex-text-field__wrap:before{content:\"\";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}:host([active]) .udex-text-field_icon-container{border-color:transparent;color:var(--udexColorGrey7, #475E75)}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state=\"Success\"][displayonly]) .udex-text-field__wrap,:host([value-state=\"Warning\"][displayonly]) .udex-text-field__wrap,:host([value-state=\"Error\"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state=\"Success\"]) .udex-text-field__wrap:hover,:host([displayonly][value-state=\"Warning\"]) .udex-text-field__wrap:hover,:host([displayonly][value-state=\"Error\"]) .udex-text-field__wrap:hover{border:none}:host([value-state=\"Error\"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state=\"Error\"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state=\"Error\"]) .udex-text-field__wrap[open],:host([value-state=\"Error\"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state=\"Warning\"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state=\"Warning\"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state=\"Warning\"]) .udex-text-field__wrap[open],:host([value-state=\"Warning\"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state=\"Success\"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state=\"Success\"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state=\"Success\"]) .udex-text-field__wrap[open],:host([value-state=\"Success\"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:12px}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:12px}:host([displayonly]:dir(ltr)) .udex-text-field__label,:host([displayonly]:dir(rtl)) .udex-text-field__label{padding:0}.udex-text-field__label.udex-text-field__label_active{line-height:18px;transform:translateY(-110%);padding:6px 4px 0;font-size:12px;background:linear-gradient(transparent 55%,var(--udex-input-color-standard-default-background-light) 45%)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 55%,var(--udex-input-color-read-only-default-background) 45%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}:host([active]) [active].udex-text-field_icon-container{border-color:transparent;color:var(--udexColorGrey7, #475E75)}:host [active].udex-text-field_icon-container{border-color:var(--udexColorBlue4, #89D1FF);color:var(--udexColorBlue9, #0040B0)}:host([active]) .udex-text-field_icon-container:hover{border-color:var(--udexColorGrey7, #475E75);color:var(--udexColorGrey7, #475E75)}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state=\"Error\"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state=\"Warning\"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state=\"Success\"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}\n`};\nexport default styleData;\n\t"]}
|
|
1
|
+
{"version":3,"file":"TextField.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TextField.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,yBAAyB,EAAC,OAAO,EAAC;CAC9G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/TextField.css.ts\",content:`:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded=\"true\"])[active]) .udex-text-field__wrap:before{content:\"\";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}:host([active]) .udex-text-field_icon-container{border-color:transparent;color:var(--udexColorGrey7, #475E75)}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state=\"Success\"][displayonly]) .udex-text-field__wrap,:host([value-state=\"Warning\"][displayonly]) .udex-text-field__wrap,:host([value-state=\"Error\"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state=\"Success\"]) .udex-text-field__wrap:hover,:host([displayonly][value-state=\"Warning\"]) .udex-text-field__wrap:hover,:host([displayonly][value-state=\"Error\"]) .udex-text-field__wrap:hover{border:none}:host([value-state=\"Error\"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state=\"Error\"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state=\"Error\"]) .udex-text-field__wrap[open],:host([value-state=\"Error\"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state=\"Warning\"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state=\"Warning\"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state=\"Warning\"]) .udex-text-field__wrap[open],:host([value-state=\"Warning\"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state=\"Success\"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state=\"Success\"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state=\"Success\"]) .udex-text-field__wrap[open],:host([value-state=\"Success\"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:12px}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:12px}:host([displayonly]:dir(ltr)) .udex-text-field__label,:host([displayonly]:dir(rtl)) .udex-text-field__label{padding:0}.udex-text-field__label.udex-text-field__label_active,:host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label{line-height:18px;transform:translateY(-110%);padding:6px 4px 0;font-size:12px;background:linear-gradient(transparent 55%,var(--udex-input-color-standard-default-background-light) 45%)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 55%,var(--udex-input-color-read-only-default-background) 45%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}:host([active]) [active].udex-text-field_icon-container{border-color:transparent;color:var(--udexColorGrey7, #475E75)}:host [active].udex-text-field_icon-container{border-color:var(--udexColorBlue4, #89D1FF);color:var(--udexColorBlue9, #0040B0)}:host([active]) .udex-text-field_icon-container:hover{border-color:var(--udexColorGrey7, #475E75);color:var(--udexColorGrey7, #475E75)}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state=\"Error\"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state=\"Warning\"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state=\"Success\"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}\n`};\nexport default styleData;\n\t"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
2
|
+
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
3
|
+
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
|
+
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
|
+
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
6
|
+
const styleData = { packageName: "@sapudex/web-components", fileName: "themes/Upload.css.ts", content: `:host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button input{display:none}.udex-upload__error{padding:0;margin:0;color:var(--udexCoreSemanticError7, var(--udexColorRed7));font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}:host([required]) .udex-upload__title:after{content:"*";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}
|
|
7
|
+
` };
|
|
8
|
+
export default styleData;
|
|
9
|
+
//# sourceMappingURL=Upload.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Upload.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Upload.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC;CAC3G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/Upload.css.ts\",content:`:host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button input{display:none}.udex-upload__error{padding:0;margin:0;color:var(--udexCoreSemanticError7, var(--udexColorRed7));font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}:host([required]) .udex-upload__title:after{content:\"*\";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}\n`};\nexport default styleData;\n\t"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
2
|
+
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
3
|
+
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
|
+
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
|
+
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
6
|
+
const styleData = { packageName: "@sapudex/web-components", fileName: "themes/UploadItem.css.ts", content: `:host{--udex-upload-item-progress-bar-width: 124px;--udex-upload-item-progress-bar-min-width: 124px;--udex-upload-item-progress-bar-max-width: 200px;--udex-upload-item-progress-bar-width-m: 100%;--udex-upload-item-progress-bar-min-width-m: 100%;--udex-upload-item-progress-bar-max-width-m: 100%;--udex-upload-item-progress-bar-padding: 5px 0;font-family:var(--sapFontFamily, sans-serif)}.udex-upload-item__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-block:var(--udexSpacer8, 8px);box-sizing:border-box;border-bottom:1px solid var(--udexColorGrey3)}.udex-upload-item__info{display:flex;flex-direction:column}[udex-link]{--udex-link-text-decoration: none}.udex-upload-item__name{padding:0;margin:0;color:var(--sapTitleColor, var(--udexColorNeutralBlack));font-size:var(--sapFontSize)}.udex-upload-item__info{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload-item__error{color:var(--udexColorRed7)}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:row;align-items:center;margin-inline-start:var(--udexSpacer32, 32px)}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start}.udex-upload-item__progress-status{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width);min-width:var(--udex-upload-item-progress-bar-min-width);width:var(--udex-upload-item-progress-bar-width);overflow:hidden;padding:var(--udex-upload-item-progress-bar-padding)}[udex-link]{margin-bottom:var(--udexSpacer4, 4px)}[udex-button]{margin-inline-start:var(--udexSpacer24, 24px)}@media (max-width: 1279px){.udex-upload-item__wrapper{flex-direction:column;align-items:flex-start}.udex-upload-item__info{margin-bottom:var(--udexSpacer4, 4px);flex-direction:row;justify-content:space-between;align-items:center;width:100%}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.udex-upload-item__name{margin-bottom:var(--udexSpacer4, 4px)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width-m);min-width:var(--udex-upload-item-progress-bar-min-width-m);width:var(--udex-upload-item-progress-bar-width-m)}}.udex-upload-item__info-uploaded{margin-bottom:0}
|
|
7
|
+
` };
|
|
8
|
+
export default styleData;
|
|
9
|
+
//# sourceMappingURL=UploadItem.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UploadItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/UploadItem.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,0BAA0B,EAAC,OAAO,EAAC;CAC/G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/UploadItem.css.ts\",content:`:host{--udex-upload-item-progress-bar-width: 124px;--udex-upload-item-progress-bar-min-width: 124px;--udex-upload-item-progress-bar-max-width: 200px;--udex-upload-item-progress-bar-width-m: 100%;--udex-upload-item-progress-bar-min-width-m: 100%;--udex-upload-item-progress-bar-max-width-m: 100%;--udex-upload-item-progress-bar-padding: 5px 0;font-family:var(--sapFontFamily, sans-serif)}.udex-upload-item__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-block:var(--udexSpacer8, 8px);box-sizing:border-box;border-bottom:1px solid var(--udexColorGrey3)}.udex-upload-item__info{display:flex;flex-direction:column}[udex-link]{--udex-link-text-decoration: none}.udex-upload-item__name{padding:0;margin:0;color:var(--sapTitleColor, var(--udexColorNeutralBlack));font-size:var(--sapFontSize)}.udex-upload-item__info{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload-item__error{color:var(--udexColorRed7)}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:row;align-items:center;margin-inline-start:var(--udexSpacer32, 32px)}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start}.udex-upload-item__progress-status{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width);min-width:var(--udex-upload-item-progress-bar-min-width);width:var(--udex-upload-item-progress-bar-width);overflow:hidden;padding:var(--udex-upload-item-progress-bar-padding)}[udex-link]{margin-bottom:var(--udexSpacer4, 4px)}[udex-button]{margin-inline-start:var(--udexSpacer24, 24px)}@media (max-width: 1279px){.udex-upload-item__wrapper{flex-direction:column;align-items:flex-start}.udex-upload-item__info{margin-bottom:var(--udexSpacer4, 4px);flex-direction:row;justify-content:space-between;align-items:center;width:100%}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.udex-upload-item__name{margin-bottom:var(--udexSpacer4, 4px)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width-m);min-width:var(--udex-upload-item-progress-bar-min-width-m);width:var(--udex-upload-item-progress-bar-width-m)}}.udex-upload-item__info-uploaded{margin-bottom:0}\n`};\nexport default styleData;\n\t"]}
|
|
@@ -75,10 +75,11 @@ TOTAL=Total
|
|
|
75
75
|
|
|
76
76
|
# the "close button" text for the MessageStrip component
|
|
77
77
|
MESSAGE_STRIP_CLOSE_BUTTON=Message Strip Close Button
|
|
78
|
-
MESSAGE_STRIP_INFORMATION=Information
|
|
79
|
-
MESSAGE_STRIP_SUCCESS=Positive
|
|
80
|
-
MESSAGE_STRIP_WARNING=Warning
|
|
81
|
-
MESSAGE_STRIP_ERROR=Negative
|
|
78
|
+
MESSAGE_STRIP_INFORMATION=Information Bar
|
|
79
|
+
MESSAGE_STRIP_SUCCESS=Positive Bar
|
|
80
|
+
MESSAGE_STRIP_WARNING=Warning Bar
|
|
81
|
+
MESSAGE_STRIP_ERROR=Negative Bar
|
|
82
|
+
MESSAGE_STRIP_ACTION=Action Bar
|
|
82
83
|
|
|
83
84
|
#ARIA announcement for the list which allows multiple selections
|
|
84
85
|
ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
|
|
@@ -216,3 +217,11 @@ BACK_BUTTON_LABEL=back button
|
|
|
216
217
|
|
|
217
218
|
#Dropdown trigger aria label
|
|
218
219
|
TRIGGER=Dropdown trigger
|
|
220
|
+
|
|
221
|
+
#Uploaded file labels
|
|
222
|
+
UPLOADING_FILE_STATUS_TEXT=Uploading
|
|
223
|
+
TERMINATED_FILE_STATUS_TEXT=Terminated
|
|
224
|
+
REMOVE_FILE_TEXT=Remove file
|
|
225
|
+
|
|
226
|
+
#Upload button aria-label
|
|
227
|
+
UPLOAD_BUTTON_LABEL=Upload file
|
|
@@ -48,10 +48,11 @@ SHOW_RESULTS=Show Results
|
|
|
48
48
|
SHOW_HIDE_PASSWORD=Show/Hide Password Button
|
|
49
49
|
RESET=Reset
|
|
50
50
|
MESSAGE_STRIP_CLOSE_BUTTON=Message Strip Close Button
|
|
51
|
-
MESSAGE_STRIP_INFORMATION=Information
|
|
52
|
-
MESSAGE_STRIP_SUCCESS=Positive
|
|
53
|
-
MESSAGE_STRIP_WARNING=Warning
|
|
54
|
-
MESSAGE_STRIP_ERROR=Negative
|
|
51
|
+
MESSAGE_STRIP_INFORMATION=Information Bar
|
|
52
|
+
MESSAGE_STRIP_SUCCESS=Positive Bar
|
|
53
|
+
MESSAGE_STRIP_WARNING=Warning Bar
|
|
54
|
+
MESSAGE_STRIP_ERROR=Negative Bar
|
|
55
|
+
MESSAGE_STRIP_ACTION=Action Bar
|
|
55
56
|
REVIEWS=reviews
|
|
56
57
|
STARS=stars
|
|
57
58
|
SELECT_OPTIONS=Select Options
|
|
@@ -105,3 +106,7 @@ TRIGGER=Dropdown trigger
|
|
|
105
106
|
MAIN_LINKS=main links
|
|
106
107
|
OPENS_IN_A_NEW_WINDOW=opens in a new window
|
|
107
108
|
TEXT_FIELD=Text field
|
|
109
|
+
UPLOADING_FILE_STATUS_TEXT=Uploading
|
|
110
|
+
TERMINATED_FILE_STATUS_TEXT=Terminated
|
|
111
|
+
REMOVE_FILE_TEXT=Remove file
|
|
112
|
+
UPLOAD_BUTTON_LABEL=Upload file
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
var UDExButtonSize;
|
|
2
|
+
(function (UDExButtonSize) {
|
|
3
|
+
UDExButtonSize["Large"] = "Large";
|
|
4
|
+
UDExButtonSize["Medium"] = "Medium";
|
|
5
|
+
UDExButtonSize["Small"] = "Small";
|
|
6
|
+
})(UDExButtonSize || (UDExButtonSize = {}));
|
|
7
|
+
export default UDExButtonSize;
|
|
8
|
+
//# sourceMappingURL=ButtonSize.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonSize.js","sourceRoot":"","sources":["../../src/types/ButtonSize.ts"],"names":[],"mappings":"AAAA,IAAK,cAIJ;AAJD,WAAK,cAAc;IACjB,iCAAe,CAAA;IACf,mCAAiB,CAAA;IACjB,iCAAe,CAAA;AACjB,CAAC,EAJI,cAAc,KAAd,cAAc,QAIlB;AAED,eAAe,cAAc,CAAC","sourcesContent":["enum UDExButtonSize {\n Large = \"Large\",\n Medium = \"Medium\",\n Small = \"Small\"\n}\n\nexport default UDExButtonSize;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileData.js","sourceRoot":"","sources":["../../src/types/FileData.ts"],"names":[],"mappings":"","sourcesContent":["type FileData = {\n fileName: string,\n fileSize: number,\n}\n\nexport default FileData;\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
var FileUploadState;
|
|
2
|
+
(function (FileUploadState) {
|
|
3
|
+
FileUploadState["Uploading"] = "Uploading";
|
|
4
|
+
FileUploadState["Uploaded"] = "Uploaded";
|
|
5
|
+
FileUploadState["Error"] = "Error";
|
|
6
|
+
})(FileUploadState || (FileUploadState = {}));
|
|
7
|
+
export default FileUploadState;
|
|
8
|
+
//# sourceMappingURL=FileUploadState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileUploadState.js","sourceRoot":"","sources":["../../src/types/FileUploadState.ts"],"names":[],"mappings":"AAAA,IAAK,eAIJ;AAJD,WAAK,eAAe;IAClB,0CAAuB,CAAA;IACvB,wCAAqB,CAAA;IACrB,kCAAe,CAAA;AACjB,CAAC,EAJI,eAAe,KAAf,eAAe,QAInB;AAED,eAAe,eAAe,CAAC","sourcesContent":["enum FileUploadState {\n Uploading = \"Uploading\",\n Uploaded = \"Uploaded\",\n Error = \"Error\"\n}\n\nexport default FileUploadState;\n"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare enum UdexMessageStripDesign {
|
|
2
|
+
Information = "Information",
|
|
3
|
+
Positive = "Positive",
|
|
4
|
+
Negative = "Negative",
|
|
5
|
+
Warning = "Warning",
|
|
6
|
+
Action = "Action"
|
|
7
|
+
}
|
|
8
|
+
export declare enum UdexMessageStripStatusType {
|
|
9
|
+
Icon = "Icon",
|
|
10
|
+
Text = "Text",
|
|
11
|
+
None = "None"
|
|
12
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export var UdexMessageStripDesign;
|
|
2
|
+
(function (UdexMessageStripDesign) {
|
|
3
|
+
UdexMessageStripDesign["Information"] = "Information";
|
|
4
|
+
UdexMessageStripDesign["Positive"] = "Positive";
|
|
5
|
+
UdexMessageStripDesign["Negative"] = "Negative";
|
|
6
|
+
UdexMessageStripDesign["Warning"] = "Warning";
|
|
7
|
+
UdexMessageStripDesign["Action"] = "Action";
|
|
8
|
+
})(UdexMessageStripDesign || (UdexMessageStripDesign = {}));
|
|
9
|
+
export var UdexMessageStripStatusType;
|
|
10
|
+
(function (UdexMessageStripStatusType) {
|
|
11
|
+
UdexMessageStripStatusType["Icon"] = "Icon";
|
|
12
|
+
UdexMessageStripStatusType["Text"] = "Text";
|
|
13
|
+
UdexMessageStripStatusType["None"] = "None";
|
|
14
|
+
})(UdexMessageStripStatusType || (UdexMessageStripStatusType = {}));
|
|
15
|
+
//# sourceMappingURL=MessageStrip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageStrip.js","sourceRoot":"","sources":["../../src/types/MessageStrip.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,sBAMX;AAND,WAAY,sBAAsB;IAChC,qDAA2B,CAAA;IAC3B,+CAAqB,CAAA;IACrB,+CAAqB,CAAA;IACrB,6CAAmB,CAAA;IACnB,2CAAiB,CAAA;AACnB,CAAC,EANW,sBAAsB,KAAtB,sBAAsB,QAMjC;AAED,MAAM,CAAN,IAAY,0BAIX;AAJD,WAAY,0BAA0B;IACpC,2CAAa,CAAA;IACb,2CAAa,CAAA;IACb,2CAAa,CAAA;AACf,CAAC,EAJW,0BAA0B,KAA1B,0BAA0B,QAIrC","sourcesContent":["export enum UdexMessageStripDesign {\n Information = \"Information\",\n Positive = \"Positive\",\n Negative = \"Negative\",\n Warning = \"Warning\",\n Action = \"Action\",\n}\n\nexport enum UdexMessageStripStatusType {\n Icon = \"Icon\",\n Text = \"Text\",\n None = \"None\",\n}\n"]}
|
package/dist/types/common.d.ts
CHANGED
package/dist/types/common.js
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
export var Target;
|
|
2
|
+
(function (Target) {
|
|
3
|
+
Target["_blank"] = "_blank";
|
|
4
|
+
Target["_parent"] = "_parent";
|
|
5
|
+
Target["_self"] = "_self";
|
|
6
|
+
Target["_top"] = "_top";
|
|
7
|
+
})(Target || (Target = {}));
|
|
1
8
|
var ValueState;
|
|
2
9
|
(function (ValueState) {
|
|
3
10
|
ValueState["Standard"] = "Standard";
|
package/dist/types/common.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/types/common.ts"],"names":[],"mappings":"AAAA,IAAK,UAKJ;AALD,WAAK,UAAU;IACb,mCAAqB,CAAA;IACrB,iCAAmB,CAAA;IACnB,6BAAe,CAAA;IACf,iCAAmB,CAAA;AACrB,CAAC,EALI,UAAU,KAAV,UAAU,QAKd;AAED,eAAe,UAAU,CAAC","sourcesContent":["enum ValueState {\n Standard = \"Standard\",\n Warning = \"Warning\",\n Error = \"Error\",\n Success = \"Success\",\n}\n\nexport default ValueState;\n"]}
|
|
1
|
+
{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/types/common.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,MAKX;AALD,WAAY,MAAM;IAChB,2BAAiB,CAAA;IACjB,6BAAmB,CAAA;IACnB,yBAAe,CAAA;IACf,uBAAa,CAAA;AACf,CAAC,EALW,MAAM,KAAN,MAAM,QAKjB;AAED,IAAK,UAKJ;AALD,WAAK,UAAU;IACb,mCAAqB,CAAA;IACrB,iCAAmB,CAAA;IACnB,6BAAe,CAAA;IACf,iCAAmB,CAAA;AACrB,CAAC,EALI,UAAU,KAAV,UAAU,QAKd;AAED,eAAe,UAAU,CAAC","sourcesContent":["export enum Target {\n _blank = \"_blank\",\n _parent = \"_parent\",\n _self = \"_self\",\n _top = \"_top\",\n}\n\nenum ValueState {\n Standard = \"Standard\",\n Warning = \"Warning\",\n Error = \"Error\",\n Success = \"Success\",\n}\n\nexport default ValueState;\n"]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
type BreakpointKey = keyof typeof Breakpoints;
|
|
2
|
+
export declare const Breakpoints: {
|
|
3
|
+
readonly XS: {
|
|
4
|
+
readonly min: 360;
|
|
5
|
+
readonly max: 639;
|
|
6
|
+
};
|
|
7
|
+
readonly S: {
|
|
8
|
+
readonly min: 640;
|
|
9
|
+
readonly max: 979;
|
|
10
|
+
};
|
|
11
|
+
readonly M: {
|
|
12
|
+
readonly min: 980;
|
|
13
|
+
readonly max: 1279;
|
|
14
|
+
};
|
|
15
|
+
readonly L: {
|
|
16
|
+
readonly min: 1280;
|
|
17
|
+
readonly max: 1599;
|
|
18
|
+
};
|
|
19
|
+
readonly XL: {
|
|
20
|
+
readonly min: 1600;
|
|
21
|
+
readonly max: number;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export declare class BreakpointUtils {
|
|
25
|
+
private static get width();
|
|
26
|
+
static getCurrentBreakpoint(): BreakpointKey | undefined;
|
|
27
|
+
static isInRange(bp: BreakpointKey): boolean;
|
|
28
|
+
static isAtLeast(bp: BreakpointKey): boolean;
|
|
29
|
+
static isAbove(bp: BreakpointKey): boolean;
|
|
30
|
+
static isAtMost(bp: BreakpointKey): boolean;
|
|
31
|
+
static isBelow(bp: BreakpointKey): boolean;
|
|
32
|
+
}
|
|
33
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export const Breakpoints = {
|
|
2
|
+
XS: { min: 360, max: 639 },
|
|
3
|
+
S: { min: 640, max: 979 },
|
|
4
|
+
M: { min: 980, max: 1279 },
|
|
5
|
+
L: { min: 1280, max: 1599 },
|
|
6
|
+
XL: { min: 1600, max: Infinity },
|
|
7
|
+
};
|
|
8
|
+
export class BreakpointUtils {
|
|
9
|
+
static get width() {
|
|
10
|
+
return typeof window !== "undefined" ? window.innerWidth : 0;
|
|
11
|
+
}
|
|
12
|
+
static getCurrentBreakpoint() {
|
|
13
|
+
return Object.keys(Breakpoints)
|
|
14
|
+
.find(bp => this.isInRange(bp));
|
|
15
|
+
}
|
|
16
|
+
static isInRange(bp) {
|
|
17
|
+
const { min, max } = Breakpoints[bp];
|
|
18
|
+
return this.width >= min && this.width <= max;
|
|
19
|
+
}
|
|
20
|
+
static isAtLeast(bp) {
|
|
21
|
+
return this.width >= Breakpoints[bp].min;
|
|
22
|
+
}
|
|
23
|
+
static isAbove(bp) {
|
|
24
|
+
return this.width > Breakpoints[bp].min;
|
|
25
|
+
}
|
|
26
|
+
static isAtMost(bp) {
|
|
27
|
+
return this.width <= Breakpoints[bp].max;
|
|
28
|
+
}
|
|
29
|
+
static isBelow(bp) {
|
|
30
|
+
return this.width < Breakpoints[bp].max;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=Breakpoints.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breakpoints.js","sourceRoot":"","sources":["../../src/utils/Breakpoints.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;IAC1B,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;IACzB,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE;IAC1B,CAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE;IAC3B,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE;CACxB,CAAC;AAEX,MAAM,OAAO,eAAe;IAClB,MAAM,KAAK,KAAK;QACtB,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/D,CAAC;IAED,MAAM,CAAC,oBAAoB;QACzB,OAAQ,MAAM,CAAC,IAAI,CAAC,WAAW,CAAqB;aACjD,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;IACpC,CAAC;IAED,MAAM,CAAC,SAAS,CAAC,EAAiB;QAChC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;QACrC,OAAO,IAAI,CAAC,KAAK,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC;IAChD,CAAC;IAED,MAAM,CAAC,SAAS,CAAC,EAAiB;QAChC,OAAO,IAAI,CAAC,KAAK,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;IAC3C,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,EAAiB;QAC9B,OAAO,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;IAC1C,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,EAAiB;QAC/B,OAAO,IAAI,CAAC,KAAK,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;IAC3C,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,EAAiB;QAC9B,OAAO,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;IAC1C,CAAC;CACF","sourcesContent":["type BreakpointKey = keyof typeof Breakpoints;\n\nexport const Breakpoints = {\n XS: { min: 360, max: 639 },\n S: { min: 640, max: 979 },\n M: { min: 980, max: 1279 },\n L: { min: 1280, max: 1599 },\n XL: { min: 1600, max: Infinity },\n} as const;\n\nexport class BreakpointUtils {\n private static get width(): number {\n return typeof window !== \"undefined\" ? window.innerWidth : 0;\n }\n\n static getCurrentBreakpoint(): BreakpointKey | undefined {\n return (Object.keys(Breakpoints) as BreakpointKey[])\n .find(bp => this.isInRange(bp));\n }\n\n static isInRange(bp: BreakpointKey): boolean {\n const { min, max } = Breakpoints[bp];\n return this.width >= min && this.width <= max;\n }\n\n static isAtLeast(bp: BreakpointKey): boolean {\n return this.width >= Breakpoints[bp].min;\n }\n\n static isAbove(bp: BreakpointKey): boolean {\n return this.width > Breakpoints[bp].min;\n }\n\n static isAtMost(bp: BreakpointKey): boolean {\n return this.width <= Breakpoints[bp].max;\n }\n\n static isBelow(bp: BreakpointKey): boolean {\n return this.width < Breakpoints[bp].max;\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"convertBytesToMegabytes.js","sourceRoot":"","sources":["../../src/utils/convertBytesToMegabytes.ts"],"names":[],"mappings":"AAAA,MAAM,uBAAuB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;AAEzE,eAAe,uBAAuB,CAAC","sourcesContent":["const convertBytesToMegabytes = (bytes: number) => (bytes / 1024) / 1024;\n\nexport default convertBytesToMegabytes;\n"]}
|