@gobolt/genesis 0.4.31 → 0.4.32

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.
package/dist/index.cjs CHANGED
@@ -59323,6 +59323,7 @@ const getGenesisTypographyClass = ({ colors: colors2, typography: typography2 },
59323
59323
  margin-bottom: 0 !important;
59324
59324
  width: ${$isFullWidth ? "100%" : "auto"};
59325
59325
  line-height: 1;
59326
+ -webkit-font-smoothing: antialiased;
59326
59327
 
59327
59328
  &:disabled {
59328
59329
  color: ${colors2.status.disabled.default} !important;
@@ -87124,6 +87125,7 @@ const useTableWithControls = (tableConfig) => {
87124
87125
  const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing: sizing2 }, type4 = "primary", state = "active") => `
87125
87126
  &.ant-tabs {
87126
87127
  background: #F4F4F4;
87128
+ -webkit-font-smoothing: antialiased;
87127
87129
 
87128
87130
  .ant-tabs-nav {
87129
87131
  margin-bottom: 0;
@@ -87144,6 +87146,7 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
87144
87146
  border-radius: 0 !important;
87145
87147
  float: none; /* Prevent default float behavior */
87146
87148
  position: relative;
87149
+ padding: 16px;
87147
87150
 
87148
87151
 
87149
87152
  /* Use single side borders to prevent double borders */
@@ -87163,7 +87166,7 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
87163
87166
  background: ${colors2.interactive.utility?.hover};
87164
87167
  }
87165
87168
 
87166
- border-top: 0px;
87169
+
87167
87170
 
87168
87171
  &:first-child {
87169
87172
  border-radius: 0 !important;
@@ -87200,6 +87203,7 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
87200
87203
  font-weight: 500;
87201
87204
  font-size: 14px;
87202
87205
  font-family: 'Inter' !important;
87206
+ border-top: 1px solid #ededed;
87203
87207
 
87204
87208
  .ant-tabs-tab-btn {
87205
87209
  color: ${colors2.onsurface["copy-dark"]} !important;
@@ -87208,15 +87212,22 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
87208
87212
 
87209
87213
  &:hover {
87210
87214
  background: ${colors2.interactive.utility?.hover};
87215
+ border-top: 1px solid #ededed;
87211
87216
  }
87212
87217
 
87213
87218
  &:focus {
87214
87219
  background: ${colors2.interactive.utility?.active};
87220
+ border-top: 1px solid ${colors2.surface.border};
87215
87221
  }
87216
87222
 
87217
87223
  &:active {
87218
87224
  background: ${colors2.interactive.utility?.active};
87219
87225
  }
87226
+
87227
+ &:pressed {
87228
+ background: ${colors2.interactive.utility?.active};
87229
+ border-top: 1px solid ${colors2.surface.border};
87230
+ }
87220
87231
  }
87221
87232
  }
87222
87233
  }
package/dist/index.js CHANGED
@@ -59305,6 +59305,7 @@ const getGenesisTypographyClass = ({ colors: colors2, typography: typography2 },
59305
59305
  margin-bottom: 0 !important;
59306
59306
  width: ${$isFullWidth ? "100%" : "auto"};
59307
59307
  line-height: 1;
59308
+ -webkit-font-smoothing: antialiased;
59308
59309
 
59309
59310
  &:disabled {
59310
59311
  color: ${colors2.status.disabled.default} !important;
@@ -87106,6 +87107,7 @@ const useTableWithControls = (tableConfig) => {
87106
87107
  const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing: sizing2 }, type4 = "primary", state = "active") => `
87107
87108
  &.ant-tabs {
87108
87109
  background: #F4F4F4;
87110
+ -webkit-font-smoothing: antialiased;
87109
87111
 
87110
87112
  .ant-tabs-nav {
87111
87113
  margin-bottom: 0;
@@ -87126,6 +87128,7 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
87126
87128
  border-radius: 0 !important;
87127
87129
  float: none; /* Prevent default float behavior */
87128
87130
  position: relative;
87131
+ padding: 16px;
87129
87132
 
87130
87133
 
87131
87134
  /* Use single side borders to prevent double borders */
@@ -87145,7 +87148,7 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
87145
87148
  background: ${colors2.interactive.utility?.hover};
87146
87149
  }
87147
87150
 
87148
- border-top: 0px;
87151
+
87149
87152
 
87150
87153
  &:first-child {
87151
87154
  border-radius: 0 !important;
@@ -87182,6 +87185,7 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
87182
87185
  font-weight: 500;
87183
87186
  font-size: 14px;
87184
87187
  font-family: 'Inter' !important;
87188
+ border-top: 1px solid #ededed;
87185
87189
 
87186
87190
  .ant-tabs-tab-btn {
87187
87191
  color: ${colors2.onsurface["copy-dark"]} !important;
@@ -87190,15 +87194,22 @@ const getGenesisClass = ({ colors: colors2, borderRadius: borderRadius2, sizing:
87190
87194
 
87191
87195
  &:hover {
87192
87196
  background: ${colors2.interactive.utility?.hover};
87197
+ border-top: 1px solid #ededed;
87193
87198
  }
87194
87199
 
87195
87200
  &:focus {
87196
87201
  background: ${colors2.interactive.utility?.active};
87202
+ border-top: 1px solid ${colors2.surface.border};
87197
87203
  }
87198
87204
 
87199
87205
  &:active {
87200
87206
  background: ${colors2.interactive.utility?.active};
87201
87207
  }
87208
+
87209
+ &:pressed {
87210
+ background: ${colors2.interactive.utility?.active};
87211
+ border-top: 1px solid ${colors2.surface.border};
87212
+ }
87202
87213
  }
87203
87214
  }
87204
87215
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gobolt/genesis",
3
- "version": "0.4.31",
3
+ "version": "0.4.32",
4
4
  "description": "genesis design system",
5
5
  "author": "gobolt",
6
6
  "license": "MIT",