@nimbus-ds/styles 7.0.1 → 7.1.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 (6) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +32 -8
  4. package/dist/index.js +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -37,9 +37,7 @@ export type PointerEvents = "auto" | "none" | "visiblePainted" | "visibleFill" |
37
37
  export type TransitionTiming = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end";
38
38
  declare const propertiesBox: {
39
39
  gap: {
40
- none: string; /**
41
- * The gridTemplateRows property defines the line names and track sizing functions of the grid rows.
42
- */
40
+ none: string;
43
41
  "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
42
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
43
  "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -56,9 +54,7 @@ declare const propertiesBox: {
56
54
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
55
  };
58
56
  gridGap: {
59
- none: string; /**
60
- * The gridTemplateRows property defines the line names and track sizing functions of the grid rows.
61
- */
57
+ none: string;
62
58
  "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
59
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
60
  "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -79,6 +75,10 @@ declare const propertiesBox: {
79
75
  flexWrap: FlexWrap[];
80
76
  justifyContent: JustifyContent[];
81
77
  alignItems: AlignItems[];
78
+ /**
79
+ * The boxSizing property sets how the total width and height of an box is calculated.
80
+ * @default border-box
81
+ */
82
82
  alignSelf: AlignSelf[];
83
83
  pointerEvents: PointerEvents[];
84
84
  backgroundColor: {
@@ -93,7 +93,9 @@ declare const propertiesBox: {
93
93
  "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
94
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
95
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
96
- "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
96
+ "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
97
+ * The min width property specifies the width of a box's content area.
98
+ */
97
99
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
98
100
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
99
101
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -119,7 +121,9 @@ declare const propertiesBox: {
119
121
  "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
122
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
123
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
- "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
+ "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
125
+ * The min width property specifies the width of a box's content area.
126
+ */
123
127
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
128
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
129
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -203,6 +207,7 @@ declare const propertiesBox: {
203
207
  slower: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
208
  };
205
209
  transitionTimingFunction: TransitionTiming[];
210
+ textDecoration: TextDecoration[];
206
211
  };
207
212
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
208
213
  export type BoxBackgroundColorProperties = keyof typeof propertiesBox.backgroundColor;
@@ -467,6 +472,10 @@ export interface BoxSprinkle {
467
472
  * The backgroundRepeat property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.
468
473
  */
469
474
  backgroundRepeat?: string | BoxConditions<string>;
475
+ /**
476
+ * The textDecoration shorthand property sets the appearance of decorative lines on text.
477
+ */
478
+ textDecoration?: TextDecoration | BoxConditions<TextDecoration>;
470
479
  /**
471
480
  * The backgroundSize property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.
472
481
  */
@@ -946,6 +955,20 @@ export declare const box: {
946
955
  staticScale: TransitionTiming[];
947
956
  name: "transitionTimingFunction";
948
957
  };
958
+ textDecoration: {
959
+ values: {
960
+ none: {
961
+ default: string;
962
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
963
+ };
964
+ underline: {
965
+ default: string;
966
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
967
+ };
968
+ };
969
+ staticScale: TextDecoration[];
970
+ name: "textDecoration";
971
+ };
949
972
  };
950
973
  } & {
951
974
  config: {
@@ -1982,6 +2005,7 @@ export declare const box: {
1982
2005
  slower: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1983
2006
  };
1984
2007
  transitionTimingFunction: TransitionTiming[];
2008
+ textDecoration: TextDecoration[];
1985
2009
  };
1986
2010
  };
1987
2011
  export declare const button: {