@nova-design-system/nova-webcomponents 3.0.0 → 3.1.0

package/dist/collection/components/nv-fieldtime/styles/nv-fieldtime.css

@@ -1,3 +1,10 @@
+/**
+ * Scrollbar mixin for the Nova Design System
+ * This mixin provides consistent scrollbar styling for components
+ * 
+ * Usage:
+ * @include scrollbar();
+ */
 nv-fieldtime {
   --nv-field-border-default: var(--components-form-field-border-default);
   --nv-field-border-hover: var(--components-form-field-border-hover);
@@ -11,6 +18,7 @@ nv-fieldtime {
   align-items: flex-start;
   gap: var(--form-gap-y);
   box-sizing: border-box;
+  max-width: 480px;
 }
 nv-fieldtime[readonly]:not([readonly=false]) {
   --nv-field-border-default: var(--components-form-field-border-readonly);
@@ -123,6 +131,7 @@ nv-fieldtime .input-container input.time-input {
   font-weight: 500;
   line-height: var(--form-field-line-height);
   width: 100%;
+  width: 100%;
   min-width: 24px;
   flex: 0 0 24px;
   text-align: center;
@@ -207,15 +216,23 @@ nv-fieldtime .time-dropdown .time-columns {
 nv-fieldtime .time-dropdown .time-columns .time-column {
   flex: 1;
   text-align: center;
+  padding-right: 2px;
   max-height: 200px;
   overflow-y: auto;
   scroll-behavior: smooth;
+  scrollbar-gutter: stable both-edges;
 }
 nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar {
-  width: 4px;
+  width: 6px;
+  height: 6px;
+}
+nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-track {
+  background-color: var(--color-level-10-background);
+  border-radius: 9999px;
 }
 nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-thumb {
-  border-radius: 4px;
+  background-color: var(--color-gray-200);
+  border-radius: 9999px;
 }
 nv-fieldtime .time-dropdown .time-columns .time-column:last-child {
   border-right: none;

package/dist/collection/components/nv-icon/nv-icon.js

@@ -48,7 +48,7 @@ export class NvIcon {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '5d5988e7c0f49781b57b86da6e46e38eeac5ddae', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, h("svg", { key: 'ab4007e92d6a13245293dbbb7dc746ab21cdbe33', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, h("use", { key: 'c9cb4fea1695e81c4e9e775c217dfb9ac3b7c9ec', href: `#${this.name}` }))));
+        return (h(Host, { key: '2d362e97f36cae0caf67d7110726cab752d87479', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, h("svg", { key: 'd5bf8a4f2d733f6e5b0cdb5063c1dbafa13ea25c', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, h("use", { key: '1bd69a2350e76dbcfdec3fa4ecc5c0fca9da0a9f', href: `#${this.name}` }))));
     }
     static get is() { return "nv-icon"; }
     static get originalStyleUrls() {

package/dist/collection/components/nv-icon/nv-icons.js

@@ -34,7 +34,6 @@ export const iconNames = [
     'arrows-move',
     'aspect-ratio',
     'atom',
-    'badge-theme',
     'basket',
     'battery-1',
     'battery-2',
@@ -224,7 +223,6 @@ export const iconNames = [
     'folder-x',
     'folder',
     'folders',
-    'frame-66',
     'frame',
     'gas-station',
     'gauge-off',
@@ -242,6 +240,8 @@ export const iconNames = [
     'headphones',
     'headset',
     'helicopter',
+    'helmet-swopp',
+    'helmet',
     'help',
     'history',
     'home',
@@ -250,475 +250,8 @@ export const iconNames = [
     'hourglass-low',
     'hourglass-off',
     'hourglass',
-    'iaccess-point-off',
-    'iaccess-point',
-    'iaccessible',
-    'iactivity',
-    'iaddress-book',
-    'iadjustments-horizontal',
-    'iadjustments-up',
-    'iadjustments',
-    'iaffiliate',
-    'iair-conditioning',
-    'ialert-circle',
-    'ialign-center',
-    'ialign-left',
-    'ialign-right',
-    'iapp-window',
-    'iapps',
-    'iarchive',
-    'iareas',
-    'iarrow-back-up',
-    'iarrow-back',
-    'iarrow-down-left',
-    'iarrow-down-right',
-    'iarrow-down',
-    'iarrow-forward-up',
-    'iarrow-forward',
-    'iarrow-left',
-    'iarrow-right',
-    'iarrow-up-left',
-    'iarrow-up-right',
-    'iarrow-up',
-    'iarrows-exchange',
-    'iarrows-move',
-    'iaspect-ratio',
-    'iatom',
-    'ibasket',
-    'ibattery-1',
-    'ibattery-2',
-    'ibattery-3',
-    'ibattery-4',
-    'ibattery-automotive',
-    'ibattery-charging',
-    'ibattery-eco',
-    'ibattery-off',
-    'ibattery',
-    'ibell-off',
-    'ibell-ringing',
-    'ibell',
-    'ibike',
-    'ibluetooth-connected',
-    'ibluetooth-off',
-    'ibluetooth',
-    'ibolt',
-    'ibook',
-    'ibookmark-off',
-    'ibookmark',
-    'ibookmarks',
-    'ibox-align-top',
-    'ibox-multiple',
-    'ibriefcase',
-    'ibrightness-down',
-    'ibrightness-up',
-    'ibrowser-check',
-    'ibrowser-plus',
-    'ibrowser-x',
-    'ibrowser',
-    'ibrush',
-    'ibuilding-bank',
-    'ibuilding-factory',
-    'ibuilding-lighthouse',
-    'ibuilding-store',
-    'ibuilding',
-    'ibulb-off',
-    'ibulb',
-    'icake',
-    'icalendar-time',
-    'icalendar',
-    'icamera-off',
-    'icamera',
-    'icar-crane',
-    'icar',
-    'icaravan',
-    'icash-banknote',
-    'icash',
-    'icast',
-    'icell',
-    'icharging-pile',
-    'ichart-arcs',
-    'ichart-area-line',
-    'ichart-area',
-    'ichart-arrows-vertical',
-    'ichart-arrows',
-    'ichart-bar',
-    'ichart-bubble',
-    'ichart-circles',
-    'ichart-donut',
-    'ichart-dots',
-    'ichart-line',
-    'ichart-pie',
-    'ichart-radar',
-    'icheck',
-    'icheckbox',
-    'ichecklist',
-    'ichecks',
-    'ichevron-down',
-    'ichevron-left',
-    'ichevron-right',
-    'ichevron-top',
-    'ichevrons-left',
-    'ichevrons-right',
-    'icircle-caret-right',
-    'icircle-check',
-    'icircle-x',
-    'icircuit-alternate',
-    'icircuit-ground-digital',
-    'iclipboard-check',
-    'iclipboard-list',
-    'iclipboard-plus',
-    'iclipboard-text',
-    'iclipboard-x',
-    'iclipboard',
-    'iclock-edit',
-    'iclock',
-    'icloud-data-connection',
-    'icloud-download',
-    'icloud-rain',
-    'icloud-snow',
-    'icloud-upload',
-    'icloud',
-    'icolor-picker',
-    'icolor-swatch',
-    'icompass',
-    'icontract',
-    'icopy',
-    'icpu',
-    'icrane',
-    'icredit-card',
-    'icrop',
-    'icross',
-    'icrown',
-    'icurrency-bitcoin',
-    'icurrency-dollar',
-    'icurrency-ethereum',
-    'icurrency-euro',
-    'icut',
-    'idashboard',
-    'idatabase',
-    'idevice-desktop',
-    'idevice-floppy',
-    'idevice-gamepad',
-    'idevice-laptop',
-    'idevice-mobile-rotated',
-    'idevice-mobile',
-    'idevice-tablet',
-    'idevice-watch',
-    'idevices',
-    'idialpad',
-    'idirection-horizontal',
-    'idirection-sign',
-    'idirection',
-    'idiscount',
-    'idoor-enter',
-    'idoor-exit',
-    'idoor-off',
-    'idots-vertical',
-    'idots',
-    'idownload',
-    'idrone',
-    'idroplet-filled',
-    'idroplet-half',
-    'idroplet',
-    'idroplets',
-    'iedit',
-    'iengine',
-    'iexternal-link',
-    'ieye-off',
-    'ieye',
-    'iface-id',
-    'ifeather',
-    'ifile-alert',
-    'ifile-analytics',
-    'ifile-check',
-    'ifile-code',
-    'ifile-download',
-    'ifile-export',
-    'ifile-horizontal',
-    'ifile-import',
-    'ifile-plus',
-    'ifile-search',
-    'ifile-text-bookmark',
-    'ifile-text',
-    'ifile-type-bmp',
-    'ifile-type-css',
-    'ifile-type-csv',
-    'ifile-type-doc',
-    'ifile-type-html',
-    'ifile-type-jpg',
-    'ifile-type-js',
-    'ifile-type-pdf',
-    'ifile-type-png',
-    'ifile-type-ppt',
-    'ifile-type-xls',
-    'ifile-type-xml',
-    'ifile-type-zip',
-    'ifile-upload',
-    'ifile-x',
-    'ifile-zip',
-    'ifile',
-    'ifiles-off',
-    'ifiles',
-    'ifilter-off',
-    'ifilter-sort',
-    'ifilter',
-    'ifingerprint',
-    'ifire-extinguisher',
-    'iflag',
-    'iflame',
-    'iflip-horizontal',
-    'iflip-vertical',
-    'ifolder-minus',
-    'ifolder-off',
-    'ifolder-plus',
-    'ifolder-x',
-    'ifolder',
-    'ifolders',
-    'iframe',
-    'igas-station',
-    'igauge-off',
-    'igauge',
-    'igift',
-    'igps',
-    'igrid-dots',
-    'igrip-horizontal',
-    'igrip-vertical',
-    'ihand-stop',
-    'ihand-waving',
-    'ihash',
-    'ihaze',
-    'iheadphones-off',
-    'iheadphones',
-    'iheadset',
-    'ihelicopter',
-    'ihelp',
-    'ihistory',
-    'ihome',
-    'ihourglass-empty',
-    'ihourglass-high',
-    'ihourglass-low',
-    'ihourglass-off',
-    'ihourglass',
-    'iinbox',
-    'iinfo-circle',
-    'ikeyboard-hide',
-    'ikeyboard-show',
-    'ikeyboard',
-    'ilayout-board-split',
-    'ilayout-dashboard',
-    'ilayout-grid',
-    'ilayout-sidebar-left-collapse',
-    'ilayout-sidebar-left-expand',
-    'ilayout-sidebar-right-collapse',
-    'ilayout-sidebar-right-expand',
-    'ilayout',
-    'ileaf',
-    'ilifebuoy',
-    'ilink',
-    'ilist-search',
-    'ilist',
-    'iloader',
-    'ilocation',
-    'ilock-off',
-    'ilock-open',
-    'ilock',
-    'ilogin',
-    'ilogout',
-    'imail-forward',
-    'imail-opened',
-    'imail',
-    'imap-pin-off',
-    'imap-pin',
-    'imap',
-    'imenu',
-    'imessage-dots',
-    'imessage-off',
-    'imessage',
-    'imessages',
-    'imicrophone-off',
-    'imicrophone',
-    'iminus',
-    'imist',
-    'imoon',
-    'imotorbike',
-    'imouse',
-    'imovie',
     'inbox',
-    'inetwork',
-    'inews',
     'info-circle',
-    'inote',
-    'inotebook',
-    'inotes',
-    'ioffshore-station',
-    'ipackage',
-    'ipalette',
-    'ipaperclip',
-    'ipencil',
-    'iphone-call',
-    'iphone-calling',
-    'iphone-check',
-    'iphone-incoming',
-    'iphone-off',
-    'iphone-outgoing',
-    'iphone',
-    'iphoto-off',
-    'iphoto',
-    'ipig',
-    'ipin',
-    'ipinned-off',
-    'ipinned',
-    'iplane-off',
-    'iplane',
-    'iplant',
-    'iplayer-pause',
-    'iplayer-play',
-    'iplayer-skip-back',
-    'iplayer-skip-forward',
-    'iplayer-stop',
-    'iplayer-track-next',
-    'iplayer-track-prev',
-    'iplug-connected',
-    'iplug',
-    'iplus',
-    'ipower-ac',
-    'ipower-dc',
-    'ipower',
-    'ipresentation-analytics',
-    'ipresentation',
-    'iprinter',
-    'ipropeller',
-    'ipublished',
-    'ipuzzle-2',
-    'ipuzzle',
-    'ipylon',
-    'iqrcode',
-    'iradar',
-    'iradio',
-    'iradioactive',
-    'ireceipt-dollar',
-    'ireceipt-euro',
-    'ireceipt',
-    'irecharging',
-    'irecycle',
-    'irefresh-alert',
-    'irefresh',
-    'irepeat-once',
-    'irepeat',
-    'ireplace',
-    'ireport-analytics',
-    'ireport-medical',
-    'ireport-search',
-    'ireport',
-    'iripple-off',
-    'iripple',
-    'irocket',
-    'irotate-2',
-    'irotate-clockwise-2',
-    'irotate-clockwise',
-    'irotate-dot',
-    'irotate',
-    'irouter',
-    'iruler-measure',
-    'isatellite',
-    'iscale',
-    'ischool',
-    'iscissors',
-    'iscooter-electric',
-    'iscreenshot',
-    'isearch',
-    'iseeding',
-    'iselect',
-    'iselector',
-    'isend',
-    'iserver',
-    'isettings',
-    'ishape',
-    'ishare-2',
-    'ishare',
-    'ishield-check',
-    'ishield-lock',
-    'ishield-off',
-    'ishield-x',
-    'ishield',
-    'iship-off',
-    'iship',
-    'ishopping-cart',
-    'islash',
-    'ismart-home',
-    'isnowflake',
-    'isolar-panel',
-    'isort-ascending-letters',
-    'isort-ascending-numbers',
-    'isort-descending-letters',
-    'isort-descending-numbers',
-    'ispacing-horizontal',
-    'ispacing-vertical',
-    'ispeakerphone',
-    'istack',
-    'istairs',
-    'istar',
-    'isun',
-    'isunrise',
-    'isunset',
-    'iswitch-horizontal',
-    'iswitch-vertical',
-    'itable',
-    'itag',
-    'itank-empty-fill',
-    'itank-full-fill',
-    'itank-medium-fill',
-    'itemperature-off',
-    'itemperature',
-    'itemplate',
-    'iterminal',
-    'itext-size',
-    'itext',
-    'ithumb-down',
-    'ithumb-up',
-    'iticket',
-    'itimeline',
-    'itir',
-    'itool',
-    'itools',
-    'itrain',
-    'itrash-off',
-    'itrash',
-    'itree',
-    'itrees',
-    'itruck-delivery',
-    'itruck',
-    'iumbrella',
-    'iunlink',
-    'iupload',
-    'iuser-circle',
-    'iuser-minus',
-    'iuser-plus',
-    'iuser-worker',
-    'iuser',
-    'iusers',
-    'iversions',
-    'ivideo-minus',
-    'ivideo-off',
-    'ivideo-plus',
-    'ivideo',
-    'ivolume-2',
-    'ivolume-3',
-    'ivolume',
-    'iwallet',
-    'iwand',
-    'iwave',
-    'iwaves',
-    'iwifi-off',
-    'iwifi',
-    'iwind-direction',
-    'iwind',
-    'iwindmill',
-    'iwood',
-    'iworld',
-    'iwriting',
-    'ix',
-    'izoom-reset',
     'keyboard-hide',
     'keyboard-show',
     'keyboard',
@@ -861,9 +394,9 @@ export const iconNames = [
     'ship-off',
     'ship',
     'shopping-cart',
-    'sizesm',
     'sizexl',
     'slash',
+    'smart-home',
     'snowflake',
     'solar-panel',
     'sort-ascending-letters',