@nova-design-system/nova-base 3.25.0 → 3.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/generated/nova-tailwind-components.js +36 -0
  3. package/dist/cjs/plugin/nova-plugin.js +32 -8
  4. package/dist/css/nova-utils.css +12 -0
  5. package/dist/generated/nova-tailwind-components.d.ts +36 -0
  6. package/dist/generated/nova-tailwind-components.js +36 -0
  7. package/dist/plugin/nova-plugin.js +32 -8
  8. package/generated/figma-to-tailwind-mapping.json +2344 -0
  9. package/generated/nova-tailwind-components.ts +698 -0
  10. package/generated/nova-tailwind-tokens.ts +590 -0
  11. package/package.json +5 -2
package/dist/cjs/generated/nova-tailwind-components.js CHANGED
@@ -660,5 +660,41 @@ exports.NOVA_TAILWIND_COMPONENTS = {
660
660
  '.nv-link.disabled:hover': {
661
661
  'color': 'var(--color-interaction-container-neutral-text)',
662
662
  'backgroundColor': 'transparent'
663
+ },
664
+ '.nv-pagination-nav': {
665
+ 'display': 'flex',
666
+ 'alignItems': 'center',
667
+ 'justifyContent': 'center',
668
+ 'gap': 'var(--spacing-2)',
669
+ 'flexWrap': 'wrap'
670
+ },
671
+ '.nv-pagination-nav__list': {
672
+ 'display': 'flex',
673
+ 'alignItems': 'center',
674
+ 'gap': 'var(--spacing-2)',
675
+ 'listStyle': 'none',
676
+ 'margin': '0',
677
+ 'padding': '0'
678
+ },
679
+ '.nv-pagination-nav__item': {
680
+ 'display': 'flex',
681
+ 'alignItems': 'center'
682
+ },
683
+ '.nv-pagination-nav__item nv-button,\n.nv-pagination-nav__item nv-iconbutton': {
684
+ 'minWidth': 'var(--spacing-8)',
685
+ 'justifyContent': 'center'
686
+ },
687
+ '.nv-pagination-nav__item--ellipsis': {
688
+ 'display': 'flex',
689
+ 'alignItems': 'center',
690
+ 'justifyContent': 'center',
691
+ 'minWidth': 'var(--spacing-8)',
692
+ 'height': 'var(--spacing-8)',
693
+ 'color': 'var(--color-content-lower-text)',
694
+ 'fontSize': 'var(--font-size-sm)',
695
+ 'userSelect': 'none'
696
+ },
697
+ '.nv-pagination-nav-link': {
698
+ 'minWidth': 'var(--spacing-8)'
663
699
  }
664
700
  };
package/dist/cjs/plugin/nova-plugin.js CHANGED
@@ -103,16 +103,40 @@ exports.novaTailwindPlugin = (0, plugin_js_1.default)(function (_a) {
103
103
  },
104
104
  },
105
105
  text: {
106
- xl: { size: 'xl', lineHeight: 'xl' },
107
- lg: { size: 'lg', lineHeight: 'lg' },
108
- md: { size: 'md', lineHeight: 'base' },
109
- sm: { size: 'sm', lineHeight: 'sm' },
110
- xs: { size: 'xs', lineHeight: 'xs' },
106
+ xl: {
107
+ size: 'xl',
108
+ lineHeight: 'xl',
109
+ },
110
+ lg: {
111
+ size: 'lg',
112
+ lineHeight: 'lg',
113
+ },
114
+ md: {
115
+ size: 'md',
116
+ lineHeight: 'base',
117
+ },
118
+ sm: {
119
+ size: 'sm',
120
+ lineHeight: 'sm',
121
+ },
122
+ xs: {
123
+ size: 'xs',
124
+ lineHeight: 'xs',
125
+ },
111
126
  },
112
127
  mono: {
113
- md: { size: 'md', lineHeight: 'base' },
114
- sm: { size: 'sm', lineHeight: 'sm' },
115
- xs: { size: 'xs', lineHeight: 'xs' },
128
+ md: {
129
+ size: 'md',
130
+ lineHeight: 'base',
131
+ },
132
+ sm: {
133
+ size: 'sm',
134
+ lineHeight: 'sm',
135
+ },
136
+ xs: {
137
+ size: 'xs',
138
+ lineHeight: 'xs',
139
+ },
116
140
  },
117
141
  };
118
142
  var weights = ['regular', 'medium', 'bold'];
package/dist/css/nova-utils.css CHANGED
@@ -8233,6 +8233,18 @@ h6 {
8233
8233
  border-right-width: 0;
8234
8234
  }
8235
8235
 
8236
+ .nv-pagination-nav {
8237
+ display: flex;
8238
+ align-items: center;
8239
+ justify-content: center;
8240
+ gap: var(--spacing-2);
8241
+ flex-wrap: wrap;
8242
+ }
8243
+
8244
+ .nv-pagination-nav-link {
8245
+ min-width: var(--spacing-8);
8246
+ }
8247
+
8236
8248
  .hover\:bg-interaction-container-branded-high-hover:hover {
8237
8249
  background-color: var(--color-interaction-container-branded-high-background-hover);
8238
8250
  }
package/dist/generated/nova-tailwind-components.d.ts CHANGED
@@ -651,4 +651,40 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
651
651
  color: string;
652
652
  backgroundColor: string;
653
653
  };
654
+ '.nv-pagination-nav': {
655
+ display: string;
656
+ alignItems: string;
657
+ justifyContent: string;
658
+ gap: string;
659
+ flexWrap: string;
660
+ };
661
+ '.nv-pagination-nav__list': {
662
+ display: string;
663
+ alignItems: string;
664
+ gap: string;
665
+ listStyle: string;
666
+ margin: string;
667
+ padding: string;
668
+ };
669
+ '.nv-pagination-nav__item': {
670
+ display: string;
671
+ alignItems: string;
672
+ };
673
+ '.nv-pagination-nav__item nv-button,\n.nv-pagination-nav__item nv-iconbutton': {
674
+ minWidth: string;
675
+ justifyContent: string;
676
+ };
677
+ '.nv-pagination-nav__item--ellipsis': {
678
+ display: string;
679
+ alignItems: string;
680
+ justifyContent: string;
681
+ minWidth: string;
682
+ height: string;
683
+ color: string;
684
+ fontSize: string;
685
+ userSelect: string;
686
+ };
687
+ '.nv-pagination-nav-link': {
688
+ minWidth: string;
689
+ };
654
690
  };
package/dist/generated/nova-tailwind-components.js CHANGED
@@ -657,5 +657,41 @@ export const NOVA_TAILWIND_COMPONENTS = {
657
657
  '.nv-link.disabled:hover': {
658
658
  'color': 'var(--color-interaction-container-neutral-text)',
659
659
  'backgroundColor': 'transparent'
660
+ },
661
+ '.nv-pagination-nav': {
662
+ 'display': 'flex',
663
+ 'alignItems': 'center',
664
+ 'justifyContent': 'center',
665
+ 'gap': 'var(--spacing-2)',
666
+ 'flexWrap': 'wrap'
667
+ },
668
+ '.nv-pagination-nav__list': {
669
+ 'display': 'flex',
670
+ 'alignItems': 'center',
671
+ 'gap': 'var(--spacing-2)',
672
+ 'listStyle': 'none',
673
+ 'margin': '0',
674
+ 'padding': '0'
675
+ },
676
+ '.nv-pagination-nav__item': {
677
+ 'display': 'flex',
678
+ 'alignItems': 'center'
679
+ },
680
+ '.nv-pagination-nav__item nv-button,\n.nv-pagination-nav__item nv-iconbutton': {
681
+ 'minWidth': 'var(--spacing-8)',
682
+ 'justifyContent': 'center'
683
+ },
684
+ '.nv-pagination-nav__item--ellipsis': {
685
+ 'display': 'flex',
686
+ 'alignItems': 'center',
687
+ 'justifyContent': 'center',
688
+ 'minWidth': 'var(--spacing-8)',
689
+ 'height': 'var(--spacing-8)',
690
+ 'color': 'var(--color-content-lower-text)',
691
+ 'fontSize': 'var(--font-size-sm)',
692
+ 'userSelect': 'none'
693
+ },
694
+ '.nv-pagination-nav-link': {
695
+ 'minWidth': 'var(--spacing-8)'
660
696
  }
661
697
  };
package/dist/plugin/nova-plugin.js CHANGED
@@ -96,16 +96,40 @@ export const novaTailwindPlugin = plugin(({ addUtilities, addComponents, addBase
96
96
  },
97
97
  },
98
98
  text: {
99
- xl: { size: 'xl', lineHeight: 'xl' },
100
- lg: { size: 'lg', lineHeight: 'lg' },
101
- md: { size: 'md', lineHeight: 'base' },
102
- sm: { size: 'sm', lineHeight: 'sm' },
103
- xs: { size: 'xs', lineHeight: 'xs' },
99
+ xl: {
100
+ size: 'xl',
101
+ lineHeight: 'xl',
102
+ },
103
+ lg: {
104
+ size: 'lg',
105
+ lineHeight: 'lg',
106
+ },
107
+ md: {
108
+ size: 'md',
109
+ lineHeight: 'base',
110
+ },
111
+ sm: {
112
+ size: 'sm',
113
+ lineHeight: 'sm',
114
+ },
115
+ xs: {
116
+ size: 'xs',
117
+ lineHeight: 'xs',
118
+ },
104
119
  },
105
120
  mono: {
106
- md: { size: 'md', lineHeight: 'base' },
107
- sm: { size: 'sm', lineHeight: 'sm' },
108
- xs: { size: 'xs', lineHeight: 'xs' },
121
+ md: {
122
+ size: 'md',
123
+ lineHeight: 'base',
124
+ },
125
+ sm: {
126
+ size: 'sm',
127
+ lineHeight: 'sm',
128
+ },
129
+ xs: {
130
+ size: 'xs',
131
+ lineHeight: 'xs',
132
+ },
109
133
  },
110
134
  };
111
135
  const weights = ['regular', 'medium', 'bold'];