krl-alfred 1.80.12 → 1.80.13

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.
Files changed (5) hide show
  1. package/dist/components/Breadcrumbs/Breadcrumbs.styled.js +2 -2
  2. package/dist/components/InsuranceBox/InsuranceBox.styled.js +1 -1
  3. package/dist/components/InsuranceBox/props.js +1 -1
  4. package/dist/components/InsuranceBox/stories/InsuranceBox.stories.js +1 -1
  5. package/package.json +1 -1
package/dist/components/Breadcrumbs/Breadcrumbs.styled.js CHANGED
@@ -12,7 +12,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
12
12
  var devices_1 = require("../../constants/devices");
13
13
  exports.BreadcrumbsWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display:block;\n a {\n text-decoration: none;\n color: inherit;\n }\n"], ["\n display:block;\n a {\n text-decoration: none;\n color: inherit;\n }\n"])));
14
14
  exports.BreadcrumbsList = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n padding: 0;\n margin:0;\n"], ["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n padding: 0;\n margin:0;\n"])));
15
- exports.BreadcrumbsListItem = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n margin: 0 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n @media only screen and ", " {\n &:not(:nth-child(2)) {\n display: none;\n }\n }\n > a {\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: inherit;\n }\n &:hover{\n ul{\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n button {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n"], ["\n position: relative;\n margin: 0 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n @media only screen and ", " {\n &:not(:nth-child(2)) {\n display: none;\n }\n }\n > a {\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: inherit;\n }\n &:hover{\n ul{\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n button {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n"])), devices_1.devices.xl);
15
+ exports.BreadcrumbsListItem = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n margin: 0 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n @media only screen and ", " {\n height: 32px;\n &:not(:nth-child(2)) {\n display: none;\n }\n }\n > a {\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: inherit;\n }\n &:hover{\n ul{\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n button {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n"], ["\n position: relative;\n margin: 0 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n @media only screen and ", " {\n height: 32px;\n &:not(:nth-child(2)) {\n display: none;\n }\n }\n > a {\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: inherit;\n }\n &:hover{\n ul{\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n button {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n"])), devices_1.devices.xl);
16
16
  exports.BreadcrumbsListItemInner = styled_components_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: relative;\n margin: 0;\n display: inline-block;\n color: var(--dark-opacity-50);\n max-width: 150px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font:var(--caption-bold-12-15);\n vertical-align: middle;\n"], ["\n position: relative;\n margin: 0;\n display: inline-block;\n color: var(--dark-opacity-50);\n max-width: 150px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font:var(--caption-bold-12-15);\n vertical-align: middle;\n"])));
17
17
  exports.ButtonLinkComponentSm = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: none;\n @media only screen and ", " {\n display: inline-block;\n span{\n display: block;\n }\n }\n"], ["\n display: none;\n @media only screen and ", " {\n display: inline-block;\n span{\n display: block;\n }\n }\n"])), devices_1.devices.xl);
18
18
  exports.ButtonLinkComponentLg = styled_components_1.default.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: inline-block;\n a{\n display: flex;\n align-items: center;\n justify-content: flex-start;\n }\n @media only screen and ", " {\n display: none;\n }\n"], ["\n display: inline-block;\n a{\n display: flex;\n align-items: center;\n justify-content: flex-start;\n }\n @media only screen and ", " {\n display: none;\n }\n"])), devices_1.devices.xl);
@@ -21,6 +21,6 @@ exports.BreadcrumbsListItemBackIconWrapper = styled_components_1.default.span(te
21
21
  exports.BreadcrumbsListDropdownWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n"])));
22
22
  exports.BreadcrumbsListDropdownOpener = styled_components_1.default.button(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid var(--primary);\n border-radius: 0.25rem;\n color: var(--primary);\n padding: 0 8px;\n background-color: white;\n height: 24px;\n cursor: pointer;\n outline: none !important;\n font:var(--caption-bold-12-15);\n svg {\n display: inline-block;\n vertical-align: middle;\n width: 16px;\n height: 16px;\n margin-left: 8px;\n transition: all 0.2s ease-in-out;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid var(--primary);\n border-radius: 0.25rem;\n color: var(--primary);\n padding: 0 8px;\n background-color: white;\n height: 24px;\n cursor: pointer;\n outline: none !important;\n font:var(--caption-bold-12-15);\n svg {\n display: inline-block;\n vertical-align: middle;\n width: 16px;\n height: 16px;\n margin-left: 8px;\n transition: all 0.2s ease-in-out;\n }\n"])));
23
23
  exports.DropdownList = styled_components_1.default.ul(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n z-index:5;\n padding: 0;\n position: absolute;\n left: 48px;\n top: calc(100% + 8px);\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition: all 0.2s ease-in-out;\n"], ["\n z-index:5;\n padding: 0;\n position: absolute;\n left: 48px;\n top: calc(100% + 8px);\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition: all 0.2s ease-in-out;\n"])));
24
- exports.SubMenuMobileWrapper = styled_components_1.default.ul(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n position: relative;\n overflow: auto;\n white-space: nowrap;\n gap: 8px;\n scroll-snap-type: x proximity;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n overflow-x: scroll;\n padding: 2rem 15px 2rem 15px;\n margin: 0 -15px 0 -15px;\n display: none;\n width: calc(100% + 30px);\n &::-webkit-scrollbar {\n display: none;\n }\n &:empty {\n padding: 2rem 15px 0.5rem 15px;\n }\n @media only screen and ", " {\n display: flex;\n }\n"], ["\n position: relative;\n overflow: auto;\n white-space: nowrap;\n gap: 8px;\n scroll-snap-type: x proximity;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n overflow-x: scroll;\n padding: 2rem 15px 2rem 15px;\n margin: 0 -15px 0 -15px;\n display: none;\n width: calc(100% + 30px);\n &::-webkit-scrollbar {\n display: none;\n }\n &:empty {\n padding: 2rem 15px 0.5rem 15px;\n }\n @media only screen and ", " {\n display: flex;\n }\n"])), devices_1.devices.xl);
24
+ exports.SubMenuMobileWrapper = styled_components_1.default.ul(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n position: relative;\n overflow: auto;\n white-space: nowrap;\n gap: 8px;\n scroll-snap-type: x proximity;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n overflow-x: scroll;\n padding: 1.5rem 15px 1.5rem 15px;\n margin: 0 -15px 0 -15px;\n display: none;\n width: calc(100% + 30px);\n &::-webkit-scrollbar {\n display: none;\n }\n &:empty {\n padding: 2rem 15px 0.5rem 15px;\n }\n @media only screen and ", " {\n display: flex;\n }\n"], ["\n position: relative;\n overflow: auto;\n white-space: nowrap;\n gap: 8px;\n scroll-snap-type: x proximity;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n overflow-x: scroll;\n padding: 1.5rem 15px 1.5rem 15px;\n margin: 0 -15px 0 -15px;\n display: none;\n width: calc(100% + 30px);\n &::-webkit-scrollbar {\n display: none;\n }\n &:empty {\n padding: 2rem 15px 0.5rem 15px;\n }\n @media only screen and ", " {\n display: flex;\n }\n"])), devices_1.devices.xl);
25
25
  exports.SubMenuMobileItem = styled_components_1.default.li(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: block;\n font:var(--caption-bold-12-15);\n a {\n display: block;\n padding: 0 24px;\n height:40px;\n line-height:38px;\n background: #ffffff;\n border: 1px solid ", ";\n box-shadow: 0 6px 30px var(--box-shadow-color);\n border-radius: 0.5rem;\n text-align: center;\n box-sizing:border-box;\n color: ", ";\n }\n"], ["\n display: block;\n font:var(--caption-bold-12-15);\n a {\n display: block;\n padding: 0 24px;\n height:40px;\n line-height:38px;\n background: #ffffff;\n border: 1px solid ", ";\n box-shadow: 0 6px 30px var(--box-shadow-color);\n border-radius: 0.5rem;\n text-align: center;\n box-sizing:border-box;\n color: ", ";\n }\n"])), function (props) { return (props.$isActive ? "var(--primary)" : "var(--grey-10)"); }, function (props) { return (props.$isActive ? "var(--primary)" : "var(--dark-opacity-75)"); });
26
26
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
package/dist/components/InsuranceBox/InsuranceBox.styled.js CHANGED
@@ -42,7 +42,7 @@ exports.DescriptionWrapper = styled_components_1.default.div(templateObject_4 ||
42
42
  return null;
43
43
  }
44
44
  }, devices_1.devices.md);
45
- exports.Logo = styled_components_1.default.label(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: white;\n width: 96px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n box-sizing: border-box;\n cursor: inherit;\n\n svg {\n display: block;\n width: 80px;\n ", ";\n @media only screen and ", " {\n width: 116px;\n }\n }\n ", ";\n\n @media only screen and ", " {\n background-color: transparent;\n width: auto;\n height: auto;\n border: 0;\n border-radius: 0;\n margin-top: 6px;\n justify-content: flex-start;\n }\n"], ["\n background-color: white;\n width: 96px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n box-sizing: border-box;\n cursor: inherit;\n\n svg {\n display: block;\n width: 80px;\n ", ";\n @media only screen and ", " {\n width: 116px;\n }\n }\n ", ";\n\n @media only screen and ", " {\n background-color: transparent;\n width: auto;\n height: auto;\n border: 0;\n border-radius: 0;\n margin-top: 6px;\n justify-content: flex-start;\n }\n"])), function (props) {
45
+ exports.Logo = styled_components_1.default.label(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: white;\n width: 96px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n box-sizing: border-box;\n cursor: inherit;\n\n svg {\n display: block;\n width: 80px;\n ", ";\n @media only screen and ", " {\n width: 116px;\n }\n }\n ", ";\n\n @media only screen and ", " {\n background-color: transparent;\n width: auto;\n height: auto;\n border: 0;\n border-radius: 0;\n margin-top: 6px;\n justify-content: flex-start;\n }\n"], ["\n background-color: white;\n width: 96px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n box-sizing: border-box;\n cursor: inherit;\n\n svg {\n display: block;\n width: 80px;\n ", ";\n @media only screen and ", " {\n width: 116px;\n }\n }\n ", ";\n\n @media only screen and ", " {\n background-color: transparent;\n width: auto;\n height: auto;\n border: 0;\n border-radius: 0;\n margin-top: 6px;\n justify-content: flex-start;\n }\n"])), function (props) {
46
46
  switch (props.$size) {
47
47
  case 'small':
48
48
  return "width: 116px;";
package/dist/components/InsuranceBox/props.js CHANGED
@@ -5,7 +5,7 @@ exports.sizes = ['small', 'large'];
5
5
  exports.InsuranceBoxDefault = {
6
6
  width: null,
7
7
  priceText: null,
8
- height: "90px",
8
+ height: "62px",
9
9
  popupWidth: "351px",
10
10
  popupRight: null,
11
11
  tooltipTitle: null,
package/dist/components/InsuranceBox/stories/InsuranceBox.stories.js CHANGED
@@ -37,7 +37,7 @@ exports.Default = {
37
37
  priceText: '+115 TL',
38
38
  popupWidth: '351px',
39
39
  onChange: function (e) { return console.log(e.target.checked); },
40
- height: "90px",
40
+ height: "62px",
41
41
  tooltipTitle: "",
42
42
  tooltipDescription: "",
43
43
  isLoading: false,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "krl-alfred",
3
- "version": "1.80.12",
3
+ "version": "1.80.13",
4
4
  "files": [
5
5
  "dist"
6
6
  ],