@1money/component-ui 0.0.83 → 0.0.84

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 (14) hide show
  1. package/es/components/Table/style/Table.css +12 -10
  2. package/es/components/Typography/interface.d.ts +1 -1
  3. package/es/components/Typography/interface.js +2 -2
  4. package/es/components/Typography/style/Typography.css +14 -0
  5. package/es/index.css +1 -1
  6. package/es/styles/index.css +6 -0
  7. package/lib/components/Table/style/Table.css +12 -10
  8. package/lib/components/Typography/interface.d.ts +1 -1
  9. package/lib/components/Typography/interface.js +2 -2
  10. package/lib/components/Typography/style/Typography.css +14 -0
  11. package/lib/index.css +1 -1
  12. package/lib/styles/index.css +6 -0
  13. package/package.json +1 -1
  14. package/scripts/mcp-server/index.generated.json +9 -0
package/es/styles/index.css CHANGED
@@ -257,6 +257,12 @@
257
257
  --om-title-sm-letter-spacing: 0;
258
258
  --om-title-sm-font-weight: 500;
259
259
  --om-title-sm-strong-font-weight: 700;
260
+ --om-title-xs-font-size: 12px;
261
+ --om-title-xs-font-family: var(--om-font-inter);
262
+ --om-title-xs-line-height: 16px;
263
+ --om-title-xs-letter-spacing: 0;
264
+ --om-title-xs-font-weight: 500;
265
+ --om-title-xs-strong-font-weight: 700;
260
266
  --om-body-lg-font-size: 16px;
261
267
  --om-body-lg-font-family: var(--om-font-inter);
262
268
  --om-body-lg-line-height: 22px;
package/lib/components/Table/style/Table.css CHANGED
@@ -38,16 +38,18 @@
38
38
  }
39
39
  .om-component-ui-table-thead > tr > th, .om-component-ui-table-thead > tr > td {
40
40
  position: relative;
41
+ height: 32px;
41
42
  padding: var(--om-spacing-200, 8px);
42
43
  text-align: start;
44
+ vertical-align: middle;
43
45
  overflow-wrap: break-word;
44
46
  background: var(--om-bg-default-secondary, #f8f8f8);
45
47
  border-bottom: 1px solid var(--om-border-neutral, #e3e4e4);
46
- font-size: var(--om-label-md-font-size);
47
- font-family: var(--om-label-md-font-family);
48
- line-height: var(--om-label-md-line-height);
49
- letter-spacing: var(--om-label-md-letter-spacing);
50
- font-weight: var(--om-label-md-font-weight);
48
+ font-size: var(--om-title-xs-font-size);
49
+ font-family: var(--om-title-xs-font-family);
50
+ line-height: var(--om-title-xs-line-height);
51
+ letter-spacing: var(--om-title-xs-letter-spacing);
52
+ font-weight: var(--om-title-xs-font-weight);
51
53
  }
52
54
  .om-component-ui-table-tbody > tr > td {
53
55
  position: relative;
@@ -217,11 +219,11 @@
217
219
  .om-component-ui-table .om-component-ui-table-header-cell__title {
218
220
  color: var(--om-text-default, #131313);
219
221
  white-space: nowrap;
220
- font-size: var(--om-title-sm-font-size);
221
- font-family: var(--om-title-sm-font-family);
222
- line-height: var(--om-title-sm-line-height);
223
- letter-spacing: var(--om-title-sm-letter-spacing);
224
- font-weight: var(--om-title-sm-strong-font-weight);
222
+ font-size: var(--om-title-xs-font-size);
223
+ font-family: var(--om-title-xs-font-family);
224
+ line-height: var(--om-title-xs-line-height);
225
+ letter-spacing: var(--om-title-xs-letter-spacing);
226
+ font-weight: var(--om-title-xs-strong-font-weight);
225
227
  }
226
228
  .om-component-ui-table .om-component-ui-table-sort-trigger {
227
229
  display: inline-flex;
package/lib/components/Typography/interface.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { AnchorHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
2
2
  import type { TooltipProps } from "../Tooltip";
3
3
  export declare const TYPOGRAPHY_DISPLAY_SIZES: readonly ["xl", "lg", "md", "sm", "xs"];
4
4
  export declare const TYPOGRAPHY_HEADLINE_SIZES: readonly ["lg", "md", "sm", "xs"];
5
- export declare const TYPOGRAPHY_TITLE_SIZES: readonly ["lg", "md", "sm"];
5
+ export declare const TYPOGRAPHY_TITLE_SIZES: readonly ["lg", "md", "sm", "xs"];
6
6
  export declare const TYPOGRAPHY_BODY_SIZES: readonly ["lg", "md", "sm"];
7
7
  export declare const TYPOGRAPHY_LABEL_SIZES: readonly ["xl", "lg", "md", "sm", "xs"];
8
8
  export declare const TYPOGRAPHY_LINK_SIZES: readonly ["md", "sm"];
package/lib/components/Typography/interface.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.TYPOGRAPHY_TITLE_SIZES = exports.TYPOGRAPHY_LINK_SIZES = exports.TYPOGRAPHY_LABEL_SIZES = exports.TYPOGRAPHY_HEADLINE_SIZES = exports.TYPOGRAPHY_DISPLAY_SIZES = exports.TYPOGRAPHY_COLORS = exports.TYPOGRAPHY_BODY_SIZES = void 0;
7
7
  var TYPOGRAPHY_DISPLAY_SIZES = exports.TYPOGRAPHY_DISPLAY_SIZES = ['xl', 'lg', 'md', 'sm', 'xs'];
8
8
  var TYPOGRAPHY_HEADLINE_SIZES = exports.TYPOGRAPHY_HEADLINE_SIZES = ['lg', 'md', 'sm', 'xs'];
9
- var TYPOGRAPHY_TITLE_SIZES = exports.TYPOGRAPHY_TITLE_SIZES = ['lg', 'md', 'sm'];
9
+ var TYPOGRAPHY_TITLE_SIZES = exports.TYPOGRAPHY_TITLE_SIZES = ['lg', 'md', 'sm', 'xs'];
10
10
  var TYPOGRAPHY_BODY_SIZES = exports.TYPOGRAPHY_BODY_SIZES = ['lg', 'md', 'sm'];
11
11
  var TYPOGRAPHY_LABEL_SIZES = exports.TYPOGRAPHY_LABEL_SIZES = ['xl', 'lg', 'md', 'sm', 'xs'];
12
12
  var TYPOGRAPHY_LINK_SIZES = exports.TYPOGRAPHY_LINK_SIZES = ['md', 'sm'];
@@ -25,4 +25,4 @@ var TYPOGRAPHY_COLORS = exports.TYPOGRAPHY_COLORS = [
25
25
  'warning', 'warning-secondary', 'warning-tertiary', 'on-warning', 'on-warning-secondary', 'on-warning-tertiary',
26
26
  // Danger
27
27
  'danger', 'danger-secondary', 'danger-tertiary', 'on-danger', 'on-danger-secondary', 'on-danger-tertiary'];
28
- //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9pbnRlcmZhY2UudHMiXSwibmFtZXMiOlsiVFlQT0dSQVBIWV9ESVNQTEFZX1NJWkVTIiwiZXhwb3J0cyIsIlRZUE9HUkFQSFlfSEVBRExJTkVfU0laRVMiLCJUWVBPR1JBUEhZX1RJVExFX1NJWkVTIiwiVFlQT0dSQVBIWV9CT0RZX1NJWkVTIiwiVFlQT0dSQVBIWV9MQUJFTF9TSVpFUyIsIlRZUE9HUkFQSFlfTElOS19TSVpFUyIsIlRZUE9HUkFQSFlfQ09MT1JTIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFPTyxJQUFNQSx3QkFBd0IsR0FBQUMsT0FBQSxDQUFBRCx3QkFBQSxHQUFHLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBVTtBQUN4RSxJQUFNRSx5QkFBeUIsR0FBQUQsT0FBQSxDQUFBQyx5QkFBQSxHQUFHLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFVO0FBQ25FLElBQU1DLHNCQUFzQixHQUFBRixPQUFBLENBQUFFLHNCQUFBLEdBQUcsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBVTtBQUMxRCxJQUFNQyxxQkFBcUIsR0FBQUgsT0FBQSxDQUFBRyxxQkFBQSxHQUFHLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLENBQVU7QUFDekQsSUFBTUMsc0JBQXNCLEdBQUFKLE9BQUEsQ0FBQUksc0JBQUEsR0FBRyxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLENBQVU7QUFDdEUsSUFBTUMscUJBQXFCLEdBQUFMLE9BQUEsQ0FBQUsscUJBQUEsR0FBRyxDQUFDLElBQUksRUFBRSxJQUFJLENBQVU7QUFnQm5ELElBQU1DLGlCQUFpQixHQUFBTixPQUFBLENBQUFNLGlCQUFBLEdBQUc7QUFDL0I7QUFDQSxTQUFTLEVBQ1QsbUJBQW1CLEVBQ25CLGtCQUFrQjtBQUNsQjtBQUNBLFVBQVU7QUFDVjtBQUNBLE9BQU8sRUFDUCxpQkFBaUIsRUFDakIsZ0JBQWdCLEVBQ2hCLFVBQVUsRUFDVixvQkFBb0IsRUFDcEIsbUJBQW1CO0FBQ25CO0FBQ0EsU0FBUyxFQUNULG1CQUFtQixFQUNuQixrQkFBa0IsRUFDbEIsWUFBWSxFQUNaLHNCQUFzQixFQUN0QixxQkFBcUI7QUFDckI7QUFDQSxVQUFVLEVBQ1Ysb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNuQixhQUFhLEVBQ2IsdUJBQXVCLEVBQ3ZCLHNCQUFzQjtBQUN0QjtBQUNBLFNBQVMsRUFDVCxtQkFBbUIsRUFDbkIsa0JBQWtCLEVBQ2xCLFlBQVksRUFDWixzQkFBc0IsRUFDdEIscUJBQXFCO0FBQ3JCO0FBQ0EsUUFBUSxFQUNSLGtCQUFrQixFQUNsQixpQkFBaUIsRUFDakIsV0FBVyxFQUNYLHFCQUFxQixFQUNyQixvQkFBb0IsQ0FDWiIsImZpbGUiOiJjb21wb25lbnRzL1R5cG9ncmFwaHkvaW50ZXJmYWNlLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
28
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9pbnRlcmZhY2UudHMiXSwibmFtZXMiOlsiVFlQT0dSQVBIWV9ESVNQTEFZX1NJWkVTIiwiZXhwb3J0cyIsIlRZUE9HUkFQSFlfSEVBRExJTkVfU0laRVMiLCJUWVBPR1JBUEhZX1RJVExFX1NJWkVTIiwiVFlQT0dSQVBIWV9CT0RZX1NJWkVTIiwiVFlQT0dSQVBIWV9MQUJFTF9TSVpFUyIsIlRZUE9HUkFQSFlfTElOS19TSVpFUyIsIlRZUE9HUkFQSFlfQ09MT1JTIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFPTyxJQUFNQSx3QkFBd0IsR0FBQUMsT0FBQSxDQUFBRCx3QkFBQSxHQUFHLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBVTtBQUN4RSxJQUFNRSx5QkFBeUIsR0FBQUQsT0FBQSxDQUFBQyx5QkFBQSxHQUFHLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFVO0FBQ25FLElBQU1DLHNCQUFzQixHQUFBRixPQUFBLENBQUFFLHNCQUFBLEdBQUcsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLENBQVU7QUFDaEUsSUFBTUMscUJBQXFCLEdBQUFILE9BQUEsQ0FBQUcscUJBQUEsR0FBRyxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFVO0FBQ3pELElBQU1DLHNCQUFzQixHQUFBSixPQUFBLENBQUFJLHNCQUFBLEdBQUcsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFVO0FBQ3RFLElBQU1DLHFCQUFxQixHQUFBTCxPQUFBLENBQUFLLHFCQUFBLEdBQUcsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFVO0FBZ0JuRCxJQUFNQyxpQkFBaUIsR0FBQU4sT0FBQSxDQUFBTSxpQkFBQSxHQUFHO0FBQy9CO0FBQ0EsU0FBUyxFQUNULG1CQUFtQixFQUNuQixrQkFBa0I7QUFDbEI7QUFDQSxVQUFVO0FBQ1Y7QUFDQSxPQUFPLEVBQ1AsaUJBQWlCLEVBQ2pCLGdCQUFnQixFQUNoQixVQUFVLEVBQ1Ysb0JBQW9CLEVBQ3BCLG1CQUFtQjtBQUNuQjtBQUNBLFNBQVMsRUFDVCxtQkFBbUIsRUFDbkIsa0JBQWtCLEVBQ2xCLFlBQVksRUFDWixzQkFBc0IsRUFDdEIscUJBQXFCO0FBQ3JCO0FBQ0EsVUFBVSxFQUNWLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDbkIsYUFBYSxFQUNiLHVCQUF1QixFQUN2QixzQkFBc0I7QUFDdEI7QUFDQSxTQUFTLEVBQ1QsbUJBQW1CLEVBQ25CLGtCQUFrQixFQUNsQixZQUFZLEVBQ1osc0JBQXNCLEVBQ3RCLHFCQUFxQjtBQUNyQjtBQUNBLFFBQVEsRUFDUixrQkFBa0IsRUFDbEIsaUJBQWlCLEVBQ2pCLFdBQVcsRUFDWCxxQkFBcUIsRUFDckIsb0JBQW9CLENBQ1oiLCJmaWxlIjoiY29tcG9uZW50cy9UeXBvZ3JhcGh5L2ludGVyZmFjZS5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
package/lib/components/Typography/style/Typography.css CHANGED
@@ -109,6 +109,13 @@
109
109
  letter-spacing: var(--om-title-sm-letter-spacing);
110
110
  font-weight: var(--om-title-sm-font-weight);
111
111
  }
112
+ .om-component-ui-typography-title-xs {
113
+ font-size: var(--om-title-xs-font-size);
114
+ font-family: var(--om-title-xs-font-family);
115
+ line-height: var(--om-title-xs-line-height);
116
+ letter-spacing: var(--om-title-xs-letter-spacing);
117
+ font-weight: var(--om-title-xs-font-weight);
118
+ }
112
119
  .om-component-ui-typography-body-lg {
113
120
  font-size: var(--om-body-lg-font-size);
114
121
  font-family: var(--om-body-lg-font-family);
@@ -210,6 +217,13 @@
210
217
  letter-spacing: var(--om-title-sm-letter-spacing);
211
218
  font-weight: var(--om-title-sm-strong-font-weight);
212
219
  }
220
+ .om-component-ui-typography-title-xs.om-component-ui-typography-strong {
221
+ font-size: var(--om-title-xs-font-size);
222
+ font-family: var(--om-title-xs-font-family);
223
+ line-height: var(--om-title-xs-line-height);
224
+ letter-spacing: var(--om-title-xs-letter-spacing);
225
+ font-weight: var(--om-title-xs-strong-font-weight);
226
+ }
213
227
  .om-component-ui-typography-body-lg.om-component-ui-typography-strong {
214
228
  font-size: var(--om-body-lg-font-size);
215
229
  font-family: var(--om-body-lg-font-family);