ods-component-lib 1.21.2 → 1.22.1

package/dist/components/devextreme/DataGrid/styles/OdsGlobal.Styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OdsGlobal.Styles.js","sources":["../../../../../src/components/devextreme/DataGrid/styles/OdsGlobal.Styles.ts"],"sourcesContent":["import { css } from \"antd-style\";\r\n\r\nimport { getSizes, getColors } from \"./theme\";\r\n\r\nexport function odsGlobalStyles({ theme }: { theme: any }) {\r\n  const defaultSizes = getSizes(\"default\");\r\n  const compactSizes = getSizes(\"compact\");\r\n  const {\r\n    checkboxBorderColor,\r\n    columnTextColor,\r\n    colorFillTertiary,\r\n    primaryColor,\r\n    whiteColor,\r\n  } = getColors(\"default\", theme);\r\n  return css`\r\n    .ods-datagrid-generic {\r\n      .dx-checkbox {\r\n        .dx-checkbox-container {\r\n          .dx-checkbox-icon {\r\n            border-color: ${checkboxBorderColor};\r\n            width: ${defaultSizes.dxCheckboxSize}px;\r\n            height: ${defaultSizes.dxCheckboxSize}px;\r\n            border-radius: ${defaultSizes.dxCheckboxBorderRadiusSize}px;\r\n          }\r\n        }\r\n\r\n        &.dx-state-focused,\r\n        &.dx-state-hover {\r\n          .dx-checkbox-container {\r\n            .dx-checkbox-icon {\r\n              border-color: ${primaryColor};\r\n            }\r\n          }\r\n        }\r\n\r\n        &.dx-checkbox-checked {\r\n          .dx-checkbox-container {\r\n            .dx-checkbox-icon {\r\n              background-color: ${primaryColor};\r\n              border-color: ${primaryColor};\r\n              display: inline-flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n\r\n              &::before {\r\n                color: ${whiteColor};\r\n                display: inline-flex;\r\n                width: ${defaultSizes.dxCheckboxCheckIconSize}px;\r\n                font-size: ${defaultSizes.dxCheckboxCheckIconSize}px;\r\n                height: ${defaultSizes.dxCheckboxCheckIconSize}px;\r\n                line-height: ${defaultSizes.dxCheckboxCheckIconSize}px;\r\n                position: relative;\r\n                top: unset;\r\n                left: unset;\r\n                margin: 0;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .dx-overlay-wrapper {\r\n        .dx-overlay-content {\r\n          &.ods-toolbar-left-menu {\r\n            .dx-context-menu-content-delimiter {\r\n              display: none;\r\n            }\r\n\r\n            &.dx-context-menu .dx-submenu {\r\n              border: none;\r\n              box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06),\r\n                0px 2px 6px -1px rgba(0, 0, 0, 0.04),\r\n                0px 6px 8px 0px rgba(0, 0, 0, 0.04);\r\n              border: none;\r\n              border-radius: ${defaultSizes.dxToolbarMenu\r\n                .dxToolbarMenuContainerBorderRadius}px;\r\n\r\n              .dx-menu-items-container {\r\n                padding: ${defaultSizes.dxToolbarMenu\r\n                    .dxToolbarMenuContainerPaddingBlock}px\r\n                  ${defaultSizes.dxToolbarMenu\r\n                    .dxToolbarMenuContainerPaddingInline}px;\r\n\r\n                .dx-menu-item {\r\n                  border-radius: ${defaultSizes.dxToolbarMenu\r\n                    .dxToolbarMenuItemBorderRadius}px;\r\n\r\n                  &.dx-state-hover,\r\n                  &:hover {\r\n                    background-color: ${colorFillTertiary};\r\n                  }\r\n                  .dx-menu-item-content {\r\n                    padding: ${defaultSizes.dxToolbarMenu\r\n                        .dxToolbarMenuContentPaddingBlock}px\r\n                      ${defaultSizes.dxToolbarMenu\r\n                        .dxToolbarMenuContentPaddingInline}px;\r\n\r\n                    .dx-menu-item-text {\r\n                      font-size: ${defaultSizes.dxToolbarMenu\r\n                        .dxToolbarMenuItemFontSize}px;\r\n                      line-height: ${defaultSizes.dxToolbarMenu\r\n                        .dxToolbarMenuItemLineHeight}px;\r\n                      color: ${columnTextColor};\r\n                      padding: 0\r\n                        ${defaultSizes.dxToolbarMenu\r\n                          .dxToolbarMenuContentTextPaddingRight}px\r\n                        0 0;\r\n                      height: ${defaultSizes.dxToolbarMenu\r\n                        .dxToolbarMenuItemLineHeight}px;\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      &.ods-datagrid-compact {\r\n        .dx-checkbox {\r\n          &.dx-datagrid-checkbox-size {\r\n            padding-bottom: 0;\r\n          }\r\n\r\n          .dx-checkbox-container {\r\n            .dx-checkbox-icon {\r\n              border-color: ${checkboxBorderColor};\r\n              width: ${compactSizes.dxCheckboxSize}px;\r\n              height: ${compactSizes.dxCheckboxSize}px;\r\n              border-radius: ${compactSizes.dxCheckboxBorderRadiusSize}px;\r\n            }\r\n          }\r\n\r\n          &.dx-state-focused,\r\n          &.dx-state-hover {\r\n            .dx-checkbox-container {\r\n              .dx-checkbox-icon {\r\n                border-color: ${primaryColor};\r\n              }\r\n            }\r\n          }\r\n\r\n          &.dx-checkbox-checked {\r\n            .dx-checkbox-container {\r\n              .dx-checkbox-icon {\r\n                background-color: ${primaryColor};\r\n                border-color: ${primaryColor};\r\n                display: inline-flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n\r\n                &::before {\r\n                  color: ${whiteColor};\r\n                  display: inline-flex;\r\n                  width: ${compactSizes.dxCheckboxCheckIconSize}px;\r\n                  font-size: ${compactSizes.dxCheckboxCheckIconSize}px;\r\n                  height: ${compactSizes.dxCheckboxCheckIconSize}px;\r\n                  line-height: ${compactSizes.dxCheckboxCheckIconSize}px;\r\n                  position: relative;\r\n                  top: unset;\r\n                  left: unset;\r\n                  margin: 0;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  `;\r\n}\r\n"],"names":["odsGlobalStyles","theme","defaultSizes","getSizes","compactSizes","checkboxBorderColor","columnTextColor","colorFillTertiary","primaryColor","whiteColor","getColors","css"],"mappings":";;;AAIO,SAASA,EAAgB,EAAE,OAAAC,KAAyB;AACzD,QAAMC,IAAeC,EAAS,SAAS,GACjCC,IAAeD,EAAS,SAAS,GACjC;AAAA,IACJ,qBAAAE;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACEC,EAAU,WAAWT,CAAK;AAC9B,SAAOU;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKmBN,CAAmB;AAAA,qBAC1BH,EAAa,cAAc;AAAA,sBAC1BA,EAAa,cAAc;AAAA,6BACpBA,EAAa,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAQtCM,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAQRA,CAAY;AAAA,8BAChBA,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAMjBC,CAAU;AAAA;AAAA,yBAEVP,EAAa,uBAAuB;AAAA,6BAChCA,EAAa,uBAAuB;AAAA,0BACvCA,EAAa,uBAAuB;AAAA,+BAC/BA,EAAa,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAwBpCA,EAAa,cAC3B,kCAAkC;AAAA;AAAA;AAAA,2BAGxBA,EAAa,cACnB,kCAAkC;AAAA,oBACnCA,EAAa,cACZ,mCAAmC;AAAA;AAAA;AAAA,mCAGrBA,EAAa,cAC3B,6BAA6B;AAAA;AAAA;AAAA;AAAA,wCAIVK,CAAiB;AAAA;AAAA;AAAA,+BAG1BL,EAAa,cACnB,gCAAgC;AAAA,wBACjCA,EAAa,cACZ,iCAAiC;AAAA;AAAA;AAAA,mCAGvBA,EAAa,cACvB,yBAAyB;AAAA,qCACbA,EAAa,cACzB,2BAA2B;AAAA,+BACrBI,CAAe;AAAA;AAAA,0BAEpBJ,EAAa,cACZ,oCAAoC;AAAA;AAAA,gCAE/BA,EAAa,cACpB,2BAA2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAkBtBG,CAAmB;AAAA,uBAC1BD,EAAa,cAAc;AAAA,wBAC1BA,EAAa,cAAc;AAAA,+BACpBA,EAAa,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAQtCI,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAQRA,CAAY;AAAA,gCAChBA,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAMjBC,CAAU;AAAA;AAAA,2BAEVL,EAAa,uBAAuB;AAAA,+BAChCA,EAAa,uBAAuB;AAAA,4BACvCA,EAAa,uBAAuB;AAAA,iCAC/BA,EAAa,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAarE;"}