@ostack.tech/ui 0.6.5 → 0.7.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ostack.tech/ui",
   "description": "ostack/UI component library.",
-  "version": "0.6.5",
+  "version": "0.7.0",
   "homepage": "https://ui.ostack.tech/",
   "author": {
     "name": "Opensoft",

package/scss/components/Checkbox/_Checkbox.scss

@@ -87,7 +87,7 @@
       @extend %#{$prefix}checkable__label--checked;
     }
 
-    #{$checkbox}:disabled ~ &-container > & {
+    #{$checkbox}:is(:disabled, [data-loading]) ~ &-container > & {
       @extend %#{$prefix}checkable__label--disabled;
     }
   }

package/scss/components/DropdownMenu/_DropdownMenu.scss

@@ -21,7 +21,7 @@
   :is(&__item, &__checkbox-item, &__radio-item)
     #{$menu-list-item-action}:not(a):not(:disabled):not([data-disabled=""]):not(
       [data-disabled="true"]
-    ) {
+    ):not([data-loading]) {
     cursor: $menu-item-button-cursor;
   }
 

package/scss/components/RadioGroup/_Radio.scss

@@ -27,7 +27,7 @@
       @extend %#{$prefix}checkable__label--checked;
     }
 
-    #{$radio}:disabled ~ &-container > & {
+    #{$radio}:is(:disabled, [data-loading]) ~ &-container > & {
       @extend %#{$prefix}checkable__label--disabled;
     }
   }

package/scss/scss/placeholders/checkable/_checkable.scss

@@ -139,11 +139,11 @@
 
   @include accessible-transition();
 
-  &:not(:disabled, [data-readonly]) {
+  &:not(:disabled, [data-loading], [data-readonly]) {
     cursor: pointer;
   }
 
-  &:disabled {
+  &:is(:disabled, [data-loading]) {
     cursor: $checkable-disabled-cursor;
     opacity: $checkable-disabled-opacity;
   }
@@ -283,7 +283,7 @@
     }
   }
 
-  &:active:not(:disabled, [data-readonly]) {
+  &:active:not(:disabled, [data-loading], [data-readonly]) {
     background-color: var(--#{$prefix}checkable-active-background-color);
 
     &[data-status] {

package/scss/scss/placeholders/control/_control.scss

@@ -58,7 +58,7 @@
     outline: 0;
   }
 
-  &:disabled {
+  &:is(:disabled, [data-loading]) {
     opacity: $control-disabled-opacity;
     cursor: $control-disabled-cursor;
   }

package/scss/scss/placeholders/menu/_menu.scss

@@ -74,17 +74,22 @@
 
     &:is(button):not(:disabled):not([data-disabled=""]):not(
         [data-disabled="true"]
-      ) {
+      ):not([data-loading]) {
       cursor: $menu-item-button-cursor;
     }
 
     &:any-link:not(:disabled):not([data-disabled=""]):not(
         [data-disabled="true"]
-      ) {
+      ):not([data-loading]) {
       cursor: $menu-item-link-cursor;
     }
 
-    &:is(:disabled, [data-disabled=""], [data-disabled="true"]) {
+    &:is(
+      :disabled,
+      [data-disabled=""],
+      [data-disabled="true"],
+      [data-loading]
+    ) {
       cursor: $menu-item-disabled-cursor;
       opacity: $menu-item-disabled-opacity;
     }

package/dist/chunks/en-C2peM913.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"en-C2peM913.js","sources":["../../src/locales/en.tsx"],"sourcesContent":["import type { LocalizationObject } from \"../providers/LocalizationProvider\";\n\n/** `en` locale (partial). */\nexport const en: Omit<LocalizationObject, \"languageTag\" | \"dateFnsLocale\"> = {\n  AlertDialog: {\n    okText: \"OK\",\n  },\n  Calendar: {\n    previousMonthLabel: \"Previous month\",\n    nextMonthLabel: \"Next month\",\n  },\n  CloseButton: {\n    label: \"Close\",\n  },\n  CommandMenu: {\n    searchPlaceholder: \"Search…\",\n    listLabel: \"Suggestions\",\n    loadingLabel: \"Loading…\",\n    emptyMessage: \"No results found.\",\n  },\n  CommandMenuDialog: {\n    title: \"Command palette\",\n    description: \"Search for a command…\",\n  },\n  ConfirmDialog: {\n    cancelText: \"Cancel\",\n  },\n  ControlCode: {\n    visuallyHiddenPrefix: \"Field\",\n  },\n  DataTable: {\n    emptyMessage: \"Nothing to show.\",\n  },\n  DataTableFilter: {\n    \"aria-label\": \"Table filter\",\n    placeholder: \"Filter\",\n  },\n  DataTablePagination: {\n    rowsRange: (range, total) => (\n      <>\n        Rows&nbsp;{range}&nbsp;of {total}\n      </>\n    ),\n    previousPageButtonLabel: \"Previous page\",\n    nextPageButtonLabel: \"Next page\",\n  },\n  DataTableRowsPerPage: {\n    label: \"Rows per page\",\n  },\n  DateInput: {\n    calendarButtonLabel: (selectedDate, editable) =>\n      editable\n        ? selectedDate\n          ? `Open calendar to change selected date: ${selectedDate}`\n          : \"Open calendar to select date\"\n        : selectedDate\n          ? `Open calendar with selected date: ${selectedDate}`\n          : \"Open calendar with no selected date\",\n  },\n  DateRangeInput: {\n    startInputLabel: \"Start date\",\n    endInputLabel: \"End date\",\n    calendarButtonLabel: (selectedDateRange, editable) =>\n      editable\n        ? selectedDateRange\n          ? `Open calendar to change selected date-range: ${selectedDateRange}`\n          : \"Open calendar to select date-range\"\n        : selectedDateRange\n          ? `Open calendar with selected date-range: ${selectedDateRange}`\n          : \"Open calendar with no selected date-range\",\n  },\n  ErrorBoundary: {\n    fallbackMessage: (\n      <>\n        Something went wrong.\n        <br />\n        Press the button on the right to try again. If the problem persists,\n        please try again later.\n      </>\n    ),\n    resetButtonLabel: \"Retry\",\n  },\n  Feedback: {\n    visuallyHiddenPrefix: (type) =>\n      type === \"error\" ? \"Error:\" : type === \"warning\" ? \"Warning:\" : null,\n  },\n  FeedbackPopover: {\n    label: \"Show feedback\",\n  },\n  FieldGroupHeader: {\n    visuallyHiddenCodePrefix: \"Group\",\n  },\n  Input: {\n    clearButtonLabel: \"Clear\",\n  },\n  Label: {\n    requiredIconLabel: \"Required\",\n    helperButtonLabel: \"Show help\",\n  },\n  NumericInput: {\n    decimalSeparator: \".\",\n    groupingStyle: \"thousand\",\n    groupSeparator: \",\",\n  },\n  Select: {\n    optionsLabel: \"Options\",\n  },\n  TableColumn: {\n    helperButtonLabel: \"Show help\",\n  },\n  TableHead: {\n    sortByColumnDescription: (columnName, sortDirection) =>\n      sortDirection === null\n        ? `Stop sorting table by column “${columnName}”`\n        : `Sort table by column “${columnName}” in ${\n            sortDirection === \"asc\" ? \"ascending\" : \"descending\"\n          } order`,\n  },\n  ToastProvider: {\n    label: \"Notification\",\n  },\n  ToastViewport: {\n    label: \"Notifications ({hotkey})\",\n  },\n};\n"],"names":[],"mappings":";AAGO,MAAM,KAAgE;AAAA,EAC3E,aAAa;AAAA,IACX,QAAQ;AAAA,EAAA;AAAA,EAEV,UAAU;AAAA,IACR,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,EAAA;AAAA,EAElB,aAAa;AAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,aAAa;AAAA,IACX,mBAAmB;AAAA,IACnB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,cAAc;AAAA,EAAA;AAAA,EAEhB,mBAAmB;AAAA,IACjB,OAAO;AAAA,IACP,aAAa;AAAA,EAAA;AAAA,EAEf,eAAe;AAAA,IACb,YAAY;AAAA,EAAA;AAAA,EAEd,aAAa;AAAA,IACX,sBAAsB;AAAA,EAAA;AAAA,EAExB,WAAW;AAAA,IACT,cAAc;AAAA,EAAA;AAAA,EAEhB,iBAAiB;AAAA,IACf,cAAc;AAAA,IACd,aAAa;AAAA,EAAA;AAAA,EAEf,qBAAqB;AAAA,IACnB,WAAW,CAAC,OAAO,UACjB,qBAAA,UAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MACW;AAAA,MAAM;AAAA,MAAU;AAAA,IAAA,GAC7B;AAAA,IAEF,yBAAyB;AAAA,IACzB,qBAAqB;AAAA,EAAA;AAAA,EAEvB,sBAAsB;AAAA,IACpB,OAAO;AAAA,EAAA;AAAA,EAET,WAAW;AAAA,IACT,qBAAqB,CAAC,cAAc,aAClC,WACI,eACE,0CAA0C,YAAY,KACtD,iCACF,eACE,qCAAqC,YAAY,KACjD;AAAA,EAAA;AAAA,EAEV,gBAAgB;AAAA,IACd,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,qBAAqB,CAAC,mBAAmB,aACvC,WACI,oBACE,gDAAgD,iBAAiB,KACjE,uCACF,oBACE,2CAA2C,iBAAiB,KAC5D;AAAA,EAAA;AAAA,EAEV,eAAe;AAAA,IACb,iBACE,qBAAA,UAAA,EAAE,UAAA;AAAA,MAAA;AAAA,0BAEC,MAAA,EAAG;AAAA,MAAE;AAAA,IAAA,GAGR;AAAA,IAEF,kBAAkB;AAAA,EAAA;AAAA,EAEpB,UAAU;AAAA,IACR,sBAAsB,CAAC,SACrB,SAAS,UAAU,WAAW,SAAS,YAAY,aAAa;AAAA,EAAA;AAAA,EAEpE,iBAAiB;AAAA,IACf,OAAO;AAAA,EAAA;AAAA,EAET,kBAAkB;AAAA,IAChB,0BAA0B;AAAA,EAAA;AAAA,EAE5B,OAAO;AAAA,IACL,kBAAkB;AAAA,EAAA;AAAA,EAEpB,OAAO;AAAA,IACL,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,EAAA;AAAA,EAErB,cAAc;AAAA,IACZ,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,gBAAgB;AAAA,EAAA;AAAA,EAElB,QAAQ;AAAA,IACN,cAAc;AAAA,EAAA;AAAA,EAEhB,aAAa;AAAA,IACX,mBAAmB;AAAA,EAAA;AAAA,EAErB,WAAW;AAAA,IACT,yBAAyB,CAAC,YAAY,kBACpC,kBAAkB,OACd,iCAAiC,UAAU,MAC3C,yBAAyB,UAAU,QACjC,kBAAkB,QAAQ,cAAc,YAC1C;AAAA,EAAA;AAAA,EAER,eAAe;AAAA,IACb,OAAO;AAAA,EAAA;AAAA,EAET,eAAe;AAAA,IACb,OAAO;AAAA,EAAA;AAEX;"}

package/dist/types/utils/mergeAriaIds.d.ts

@@ -1,2 +0,0 @@
-/** Merges `aria` identifiers for usage in, for example, `aria-describedby`. */
-export declare function mergeAriaIds(...args: unknown[]): string | undefined;

package/dist/types/utils/setNativeValue.d.ts

@@ -1,7 +0,0 @@
-/**
- * Sets the native value of an HTML element in a way that isn't detected by
- * React; meaning that we can then dispatch an event that React will handle.
- *
- * See: https://github.com/facebook/react/issues/10135
- */
-export declare function setNativeValue(element: HTMLElement, value: string): void;