@ostack.tech/ui 0.9.0 → 0.9.2

package/scss/scss/helpers/_visually-hidden.scss

@@ -15,13 +15,16 @@
   white-space: nowrap !important;
   border: 0 !important;
 
-  // Fix for positioned table caption that could become anonymous cells
-  &:not(caption) {
-    position: absolute !important;
-  }
-
   // Fix to prevent overflowing children to become focusable
   * {
     overflow: hidden !important;
   }
 }
+
+.#{$prefix}visually-hidden,
+.#{$prefix}visually-hidden-focusable {
+  // Fix for positioned table caption that could become anonymous cells
+  &:not(caption) {
+    position: absolute !important;
+  }
+}

package/scss/scss/placeholders/menu/_menu-variables.scss

@@ -1,5 +1,6 @@
 @use "../../base-variables" as *;
 @use "../../utils/spacing" as *;
+@use "../../utils/css-color-functions" as *;
 
 $menu-padding-y: spacing(2) !default;
 $menu-padding-x: spacing(5) !default;
@@ -180,48 +181,56 @@ $menu-item-icon-subtle-highlighted-selected-accent-color: null !default;
 $menu-item-keybinds-margin-x: $menu-item-padding-x !default;
 $menu-item-keybinds-font-size: var(--#{$prefix}font-size-xs) !default;
 $menu-item-keybinds-line-height: var(--#{$prefix}line-height-xs) !default;
-$menu-item-keybinds-color: var(--#{$prefix}neutral-11) !default;
+$menu-item-keybinds-color: var(--#{$prefix}neutral-9) !default;
 
 // Item shortcut - Solid variant - Accent
-$menu-item-keybinds-solid-accent-color: var(--#{$prefix}accent-10) !default;
+$menu-item-keybinds-solid-accent-color: null !default;
 
 // Item shortcut - Solid variant - Highlighted
-$menu-item-keybinds-solid-highlighted-color: $menu-item-icon-solid-highlighted-color !default;
+$menu-item-keybinds-solid-highlighted-color: var(
+  --#{$prefix}neutral-10
+) !default;
 
 // Item shortcut - Solid variant - Highlighted + Accent
-$menu-item-keybinds-solid-highlighted-accent-color: $menu-item-icon-solid-highlighted-accent-color !default;
+$menu-item-keybinds-solid-highlighted-accent-color: null !default;
 
 // Item shortcut - Solid variant - Selected
-$menu-item-keybinds-solid-selected-color: $menu-item-icon-solid-selected-color !default;
+$menu-item-keybinds-solid-selected-color: css-transparentize(
+  var(--#{$prefix}neutral-contrast),
+  0.85
+) !default;
 
 // Item shortcut - Solid variant - Selected + Accent
-$menu-item-keybinds-solid-selected-accent-color: $menu-item-icon-solid-selected-accent-color !default;
+$menu-item-keybinds-solid-selected-accent-color: css-transparentize(
+  var(--#{$prefix}accent-contrast),
+  0.85
+) !default;
 
 // Item shortcut - Solid variant - Highlighted + Selected
-$menu-item-keybinds-solid-highlighted-selected-color: $menu-item-icon-solid-highlighted-selected-color !default;
+$menu-item-keybinds-solid-highlighted-selected-color: $menu-item-keybinds-solid-selected-color !default;
 
 // Item shortcut - Solid variant - Highlighted + Selected + Accent
-$menu-item-keybinds-solid-highlighted-selected-accent-color: $menu-item-icon-solid-highlighted-selected-accent-color !default;
+$menu-item-keybinds-solid-highlighted-selected-accent-color: $menu-item-keybinds-solid-selected-accent-color !default;
 
 // Item shortcut - Subtle variant - Accent
-$menu-item-keybinds-subtle-accent-color: var(--#{$prefix}accent-11) !default;
+$menu-item-keybinds-subtle-accent-color: null !default;
 
 // Item shortcut - Subtle variant - Highlighted
-$menu-item-keybinds-subtle-highlighted-color: null !default;
+$menu-item-keybinds-subtle-highlighted-color: var(
+  --#{$prefix}neutral-10
+) !default;
 
 // Item shortcut - Subtle variant - Highlighted + Accent
 $menu-item-keybinds-subtle-highlighted-accent-color: null !default;
 
 // Item shortcut - Subtle variant - Selected
-$menu-item-keybinds-subtle-selected-color: var(--#{$prefix}neutral-12) !default;
+$menu-item-keybinds-subtle-selected-color: var(--#{$prefix}neutral-11) !default;
 
 // Item shortcut - Subtle variant - Selected + Accent
-$menu-item-keybinds-subtle-selected-accent-color: var(
-  --#{$prefix}accent-12
-) !default;
+$menu-item-keybinds-subtle-selected-accent-color: null !default;
 
 // Item shortcut - Subtle variant - Highlighted + Selected
-$menu-item-keybinds-subtle-highlighted-selected-color: null !default;
+$menu-item-keybinds-subtle-highlighted-selected-color: $menu-item-keybinds-subtle-selected-color !default;
 
 // Item shortcut - Subtle variant - Highlighted + Selected + Accent
 $menu-item-keybinds-subtle-highlighted-selected-accent-color: null !default;

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

@@ -276,9 +276,7 @@
         }
 
         // Item - Highlighted + Selected
-        &--highlighted:not(:disabled):not([data-disabled=""]):not(
-            [data-disabled="true"]
-          ):is(&--selected) {
+        &--highlighted:not(:disabled):not([data-disabled]):is(&--selected) {
           @include declare-var(
             --#{$prefix}menu-item-background-color,
             map.get(

package/scss/scss/placeholders/notification/_notification-variables.scss

@@ -25,7 +25,7 @@ $notification-subtle-icon-color: var(--#{$prefix}accent-a11) !default;
 
 // Outlined variant
 $notification-outlined-background-color: null !default;
-$notification-outlined-color: var(--#{$prefix}accent-a11) !default;
+$notification-outlined-color: var(--#{$prefix}accent-a12) !default;
 $notification-outlined-box-shadow: inset 0 0 0 1px var(--#{$prefix}accent-a11) !default;
 
 // Outlined variant - Icon
@@ -47,7 +47,7 @@ $notification-close-button-inset-x: 0.5em !default;
 
 // Action container
 $notification-action-container-margin-y: spacing(-1.5) !default;
-$notification-action-container-padding-x: spacing(3) !default;
+$notification-action-container-padding-x: spacing(4) !default;
 
 // Variants
 $notification-variants: solid, subtle, outlined !default;

package/scss/scss/placeholders/notification/_notification.scss

@@ -52,6 +52,7 @@
     align-self: stretch;
     display: flex;
     align-items: center;
+    flex-shrink: 0;
     margin: $notification-action-container-margin-y 0
       $notification-action-container-margin-y auto;
     padding-left: $notification-action-container-padding-x;

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

@@ -1 +0,0 @@
-{"version":3,"file":"en-Dem8nwZz.js","sources":["../../src/locales/en.tsx"],"sourcesContent":["import type { LocalizationObject } from \"../providers/LocalizationProvider\";\nimport { IS_APPLE } from \"../utils/platformUtils.ts\";\n\n/** `en` locale (partial). */\nexport const en: Omit<LocalizationObject, \"languageTag\" | \"dayPickerLocale\"> = {\n  AlertDialog: {\n    okText: \"OK\",\n  },\n  Calendar: {\n    monthSelectLabel: \"Month\",\n    yearSelectLabel: \"Year\",\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    selectedDateDescription: (date) => `Selected date, ${date}`,\n    calendarButtonLabel: \"Open calendar\",\n  },\n  DateRangeInput: {\n    startInputLabel: \"Start date\",\n    endInputLabel: \"End date\",\n    selectedDateRangeDescription: ({ start, end }) =>\n      `Selected date range, ${start || \"missing start date\"} to ${\n        end || \"missing end date\"\n      }`,\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: \"Section\",\n  },\n  Input: {\n    loadingDescription: \"Loading…\",\n    clearButtonLabel: \"Clear\",\n  },\n  Keybinds: {\n    keybindsSeparatorLabel: \"or\",\n    keyPressesSeparatorLabel: \"then\",\n    keyLabels: {\n      Meta: IS_APPLE ? undefined : \"Windows Key\",\n    },\n  },\n  Label: {\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  TabList: {\n    scrollLeftButtonLabel: \"Scroll left\",\n    scrollRightButtonLabel: \"Scroll right\",\n  },\n  ToastProvider: {\n    label: \"Notification\",\n  },\n  ToastViewport: {\n    label: \"Notifications ({hotkey})\",\n  },\n};\n"],"names":[],"mappings":";;AAIO,MAAM,KAAkE;AAAA,EAC7E,aAAa;AAAA,IACX,QAAQ;AAAA,EAAA;AAAA,EAEV,UAAU;AAAA,IACR,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,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,yBAAyB,CAAC,SAAS,kBAAkB,IAAI;AAAA,IACzD,qBAAqB;AAAA,EAAA;AAAA,EAEvB,gBAAgB;AAAA,IACd,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,8BAA8B,CAAC,EAAE,OAAO,UACtC,wBAAwB,SAAS,oBAAoB,OACnD,OAAO,kBACT;AAAA,EAAA;AAAA,EAEJ,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,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,EAAA;AAAA,EAEpB,UAAU;AAAA,IACR,wBAAwB;AAAA,IACxB,0BAA0B;AAAA,IAC1B,WAAW;AAAA,MACT,MAAM,WAAW,SAAY;AAAA,IAAA;AAAA,EAC/B;AAAA,EAEF,OAAO;AAAA,IACL,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,SAAS;AAAA,IACP,uBAAuB;AAAA,IACvB,wBAAwB;AAAA,EAAA;AAAA,EAE1B,eAAe;AAAA,IACb,OAAO;AAAA,EAAA;AAAA,EAET,eAAe;AAAA,IACb,OAAO;AAAA,EAAA;AAEX;"}