@ostack.tech/ui 0.6.5 → 0.8.0

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/scss/scss/placeholders/popover/_popover.scss

@@ -42,14 +42,14 @@
   &__arrow {
     fill: $popover-arrow-color;
     filter: if(
-      $popover-arrow-border-width > 0,
-      drop-shadow(0 $popover-arrow-border-width 0 $popover-arrow-border-color),
-      null
+      sass($popover-arrow-border-width > 0): drop-shadow(
+          0 $popover-arrow-border-width 0 $popover-arrow-border-color
+        )
     );
     margin-top: if(
-      $popover-arrow-border-width > 0,
-      calc($popover-arrow-border-width * -1),
-      null
+      sass($popover-arrow-border-width > 0): calc(
+          $popover-arrow-border-width * -1
+        )
     );
 
     // XXX: Firefox doesn't seem to properly rotate the shadow at 180º
@@ -57,12 +57,10 @@
     @-moz-document url-prefix() {
       #{$popover}[data-side="bottom"] & {
         filter: if(
-          $popover-arrow-border-width > 0,
-          drop-shadow(
-            0 calc($popover-arrow-border-width * -1) 0
-              $popover-arrow-border-color
-          ),
-          null
+          sass($popover-arrow-border-width > 0): drop-shadow(
+              0 calc($popover-arrow-border-width * -1) 0
+                $popover-arrow-border-color
+            )
         );
       }
     }

package/scss/scss/utils/_breakpoints.scss

@@ -8,23 +8,22 @@
 // Minimum breakpoint width.
 @function breakpoint-min($size, $breakpoint-by-size: $breakpoint-by-size) {
   $min: map.get($breakpoint-by-size, $size);
-  @return if($min != 0, $min, null);
+  @return if(sass($min != 0): $min);
 }
 
 // Maximum breakpoint width (-0.02 to work around limitations of `-min`/`-max`
 // prefixes and 0.02 instead of 0.01 to work around a Safari rounding bug).
 @function breakpoint-max($size, $breakpoint-by-size: $breakpoint-by-size) {
   $max: map.get($breakpoint-by-size, $size);
-  @return if($max and $max > 0, $max - 0.02, null);
+  @return if(sass($max and $max > 0): $max - 0.02);
 }
 
 // Returns a blank string if smallest breakpoint, otherwise returns the name
 // with a dash in front.
 @function breakpoint-infix($size, $breakpoint-by-size: $breakpoint-by-size) {
   @return if(
-    breakpoint-min($size, $breakpoint-by-size) == null,
-    "",
-    "-#{$size}"
+    sass(breakpoint-min($size, $breakpoint-by-size) == null): "" ;
+      else: "-#{$size}"
   );
 }
 

package/scss/scss/utils/_css-color-functions.scss

@@ -1,15 +1,19 @@
 @function css-transparentize($color, $opacity) {
   @return if(
-    $color == null or $opacity == null,
-    null,
-    color-mix(in srgb, $color calc($opacity * 100%), transparent)
+    sass($color != null and $opacity != null): color-mix(
+        in srgb,
+        $color calc($opacity * 100%),
+        transparent
+      )
   );
 }
 
 @function css-lighten($color, $percentage) {
   @return if(
-    $color == null or $percentage == null,
-    null,
-    color-mix(in srgb, $color calc(100% - $percentage), #fff)
+    sass($color != null and $percentage != null): color-mix(
+        in srgb,
+        $color calc(100% - $percentage),
+        #fff
+      )
   );
 }

package/scss/scss/utils/_declare-var.scss

@@ -3,6 +3,6 @@
 // Declares a CSS variable when the values isn't `null`.
 @mixin declare-var($var, $value: null) {
   @if ($value != null and $value != NULL) {
-    #{$var}: #{if($value == "", "", meta.inspect($value))};
+    #{$var}: #{if(sass($value == ""): "" ; else: meta.inspect($value))};
   }
 }

package/scss/scss/utils/_maybe-important.scss

@@ -1,5 +1,5 @@
 // Returns the value with `!important` appended if it isn't `null`, or `null`
 // otherwise
 @function maybe-important($v) {
-  @return if($v == null, null, #{$v} !important);
+  @return if(sass($v != null): #{$v} !important);
 }

package/scss/scss/utils/_spacing.scss

@@ -4,9 +4,14 @@ $space-var: var(--#{$prefix}space);
 
 // Function returning a multiple of the theme's space
 @function spacing($v) {
-  @return if(
-    $v == null,
-    null,
-    if($v == 0, 0, if($v == 1, $space-var, calc($space-var * $v)))
-  );
+  @if $v == null {
+    @return null;
+  }
+  @if $v == 0 {
+    @return 0;
+  }
+  @if $v == 1 {
+    @return $space-var;
+  }
+  @return calc($space-var * $v);
 }

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;