@techsio/ui-kit 0.15.0 → 0.17.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.
- package/dist/atoms/action-icon.js +52 -0
- package/dist/atoms/numeric-input.js +5 -4
- package/dist/molecules/accordion.js +6 -3
- package/dist/molecules/combobox.js +17 -22
- package/dist/molecules/dialog.js +9 -12
- package/dist/molecules/phone-input.js +2 -1
- package/dist/molecules/popover.js +22 -10
- package/dist/molecules/search-form.figma.js +13 -9
- package/dist/molecules/search-form.js +83 -51
- package/dist/molecules/select.js +15 -18
- package/dist/molecules/toast.js +7 -7
- package/dist/molecules/tree-view.js +3 -3
- package/dist/src/atoms/action-icon.d.ts +45 -0
- package/dist/src/atoms/action-icon.d.ts.map +1 -0
- package/dist/src/atoms/numeric-input.d.ts.map +1 -1
- package/dist/src/molecules/accordion.d.ts +9 -0
- package/dist/src/molecules/accordion.d.ts.map +1 -1
- package/dist/src/molecules/combobox.d.ts +10 -5
- package/dist/src/molecules/combobox.d.ts.map +1 -1
- package/dist/src/molecules/dialog.d.ts.map +1 -1
- package/dist/src/molecules/phone-input.d.ts.map +1 -1
- package/dist/src/molecules/popover.d.ts.map +1 -1
- package/dist/src/molecules/search-form.d.ts +61 -11
- package/dist/src/molecules/search-form.d.ts.map +1 -1
- package/dist/src/molecules/select.d.ts +1 -2
- package/dist/src/molecules/select.d.ts.map +1 -1
- package/dist/src/molecules/toast.d.ts.map +1 -1
- package/dist/stories/molecules/search-form.stories.d.ts +1 -0
- package/dist/stories/molecules/search-form.stories.d.ts.map +1 -1
- package/dist/stories/overview/component-comparison.stories.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/tokens/components/_icon-button.css +39 -0
- package/src/tokens/components/components.css +1 -0
- package/src/tokens/components/molecules/_search-form.css +9 -1
|
@@ -152,7 +152,7 @@ export declare namespace Select {
|
|
|
152
152
|
var Control: ({ children, className, ref, ...props }: SelectControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
153
153
|
var Trigger: ({ children, className, size: sizeProp, iconSize, ref, ...props }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
154
154
|
var ValueText: ({ placeholder, className, size: sizeProp, ref, children, ...props }: SelectValueTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
155
|
-
var ClearTrigger: ({ className,
|
|
155
|
+
var ClearTrigger: ({ className, ref, ...props }: SelectClearTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
156
156
|
var Positioner: ({ children, className, ref, ...props }: SelectPositionerProps) => import("react/jsx-runtime").JSX.Element;
|
|
157
157
|
var Content: ({ children, className, ref, ...props }: SelectContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
158
158
|
var ItemGroup: ({ id, children, className, ref, ...props }: SelectItemGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -181,7 +181,6 @@ interface SelectValueTextProps extends Omit<ComponentPropsWithoutRef<"span">, "c
|
|
|
181
181
|
children?: ReactNode | ((items: SelectItem[]) => ReactNode);
|
|
182
182
|
}
|
|
183
183
|
type SelectClearTriggerProps = ComponentPropsWithoutRef<"button"> & {
|
|
184
|
-
iconSize?: IconProps["size"];
|
|
185
184
|
ref?: Ref<HTMLButtonElement>;
|
|
186
185
|
};
|
|
187
186
|
interface SelectPositionerProps extends ComponentPropsWithoutRef<"div"> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/molecules/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AACxC,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EACd,KAAK,GAAG,EAGT,MAAM,OAAO,CAAA;AACd,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/molecules/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AACxC,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EACd,KAAK,GAAG,EAGT,MAAM,OAAO,CAAA;AACd,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGzD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,eAAe,CAAA;AAIpD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAWlD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB,CAAA;AAED,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAyGlB,CAAA;AAEF,KAAK,kBAAkB,GAAG;IACxB,GAAG,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAA;IACtC,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,cAAc,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;CAC5D,CAAA;AAID,iBAAS,gBAAgB,uBAMxB;AAkBD,MAAM,WAAW,WACf,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC,EACzC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;IACrD,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IACzB,cAAc,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;CAC7D;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,EAAE,EAAE,UAAU,EACd,IAAW,EAEX,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,QAAgB,EAChB,cAA0B,EAC1B,QAAgB,EAChB,QAAgB,EAChB,aAAoB,EACpB,SAAgB,EAChB,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,iBAAiB,EAEjB,SAAS,EACT,QAAQ,EACR,GAAG,GACJ,EAAE,WAAW,2CAwDb;yBA/Ee,MAAM;wCAqFsC,gBAAgB;0DAmBzE,kBAAkB;oFA6BlB,kBAAkB;yFA8ClB,oBAAoB;qDA0CpB,uBAAuB;6DA2BvB,qBAAqB;0DA2BrB,kBAAkB;gEA2BlB,oBAAoB;0EA2BpB,yBAAyB;6EA6BzB,eAAe;2DA4Bf,mBAAmB;gEA2BnB,wBAAwB;2FA8BxB,qBAAqB;;;AA1WxB,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,OAAO,CAAC;IAClE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAC5B;AAYD,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAuBD,KAAK,kBAAkB,GAAG,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B,CAAA;AAwCD,UAAU,oBACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;IAC1B,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,SAAS,CAAC,CAAA;CAC5D;AA2CD,KAAK,uBAAuB,GAAG,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IAClE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B,CAAA;AAwBD,UAAU,qBAAsB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACrE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAyBD,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,IAAI,CAAC;IACjE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAC5B;AAuBD,UAAU,oBAAqB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACpE,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAwBD,UAAU,yBAA0B,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACzE,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAwBD,UAAU,eAAgB,SAAQ,wBAAwB,CAAC,IAAI,CAAC;IAC9D,IAAI,EAAE,UAAU,CAAA;IAChB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAA;CACzB;AA4BD,UAAU,mBAAoB,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IACpE,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B;AAwBD,KAAK,wBAAwB,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B,CAAA;AAwBD,UAAU,qBAAsB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACrE,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;IACpD,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AA4BD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/molecules/toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/molecules/toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAsCjB,CAAA;AAGF,UAAU,UAAU;IAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,KAAK,CAAC,YAAY,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,UAAU,2CAwCpE;AAGD,MAAM,WAAW,mBACf,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IAC1C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAGD,eAAO,MAAM,OAAO,kBAIlB,CAAA;AAEF,wBAAgB,OAAO,4CAgBtB;AAGD,wBAAgB,QAAQ,qBAEvB"}
|
|
@@ -4,6 +4,7 @@ declare const meta: Meta<typeof SearchForm>;
|
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof SearchForm>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
|
+
export declare const Gapped: Story;
|
|
7
8
|
export declare const WithLabel: Story;
|
|
8
9
|
export declare const IconButton: Story;
|
|
9
10
|
export declare const WithoutButton: Story;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-form.stories.d.ts","sourceRoot":"","sources":["../../../stories/molecules/search-form.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"search-form.stories.d.ts","sourceRoot":"","sources":["../../../stories/molecules/search-form.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAyBjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAmBpB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAA;AAmBD,eAAO,MAAM,UAAU,EAAE,KAExB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KA+BnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA+B1B,CAAA;AA2BD,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAA;AA4BD,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-comparison.stories.d.ts","sourceRoot":"","sources":["../../../stories/overview/component-comparison.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AA6CtD,QAAA,MAAM,IAAI,EAAE,IAMX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"component-comparison.stories.d.ts","sourceRoot":"","sources":["../../../stories/overview/component-comparison.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AA6CtD,QAAA,MAAM,IAAI,EAAE,IAMX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA8xBrB,eAAO,MAAM,UAAU,EAAE,KAExB,CAAA"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* icon-control tokens — TEMPORARY BRIDGE.
|
|
3
|
+
*
|
|
4
|
+
* These mirror the Figma `icon-control` variable collection (file
|
|
5
|
+
* 12xb1pqXKwE2vbOByN3ntg), which is the intended source of truth. They live
|
|
6
|
+
* here only until the next Figma re-export: `merge-figma-themes.mjs` will emit
|
|
7
|
+
* them into `tokens/figma/variables.css` alongside the other component tokens,
|
|
8
|
+
* at which point this whole block (and its import in components.css) should be
|
|
9
|
+
* deleted. Names + alias targets below are kept identical to the Figma vars so
|
|
10
|
+
* the swap is a no-op.
|
|
11
|
+
*
|
|
12
|
+
* Consumed by the ActionIcon atom (clear/close/inc-dec/prev-next/search) and by
|
|
13
|
+
* decorative chevrons which read the `--text-icon-control-*` glyph tokens.
|
|
14
|
+
*/
|
|
15
|
+
@theme static {
|
|
16
|
+
/* Glyph size (sm/md/lg) */
|
|
17
|
+
--text-icon-control-sm: var(--dimension-16); /* 16px */
|
|
18
|
+
--text-icon-control-md: var(--text-icon-md); /* 20px */
|
|
19
|
+
--text-icon-control-lg: var(--text-icon-lg); /* 24px */
|
|
20
|
+
|
|
21
|
+
/* Hit area — compact inset square (8-pt grid 24/32/40) */
|
|
22
|
+
--size-icon-control-sm: var(--dimension-24);
|
|
23
|
+
--size-icon-control-md: var(--dimension-32);
|
|
24
|
+
--size-icon-control-lg: var(--dimension-40);
|
|
25
|
+
|
|
26
|
+
--radius-icon-control: var(--radius-button-sm);
|
|
27
|
+
|
|
28
|
+
/* Neutral tone — full-contrast glyph; bg pill is the hover/active affordance */
|
|
29
|
+
--color-icon-control-fg: var(--color-fg-primary);
|
|
30
|
+
--color-icon-control-bg-hover: var(--color-fill-hover);
|
|
31
|
+
--color-icon-control-bg-active: var(--color-fill-active);
|
|
32
|
+
--color-icon-control-fg-disabled: var(--color-fg-disabled);
|
|
33
|
+
--color-icon-control-ring: var(--color-ring);
|
|
34
|
+
|
|
35
|
+
/* Danger tone — destructive actions only */
|
|
36
|
+
--color-icon-control-fg-danger-hover: var(--color-danger-fg);
|
|
37
|
+
--color-icon-control-bg-danger-hover: var(--color-danger-light);
|
|
38
|
+
--color-icon-control-bg-danger-active: var(--color-danger-light-active);
|
|
39
|
+
}
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* SearchForm — runtime tokens come
|
|
2
|
+
* SearchForm — runtime tokens come mostly from
|
|
3
3
|
* libs/ui/src/tokens/figma/variables.css.
|
|
4
|
+
*
|
|
5
|
+
* This file only declares what Figma does not export:
|
|
6
|
+
* - `--spacing-search-form-gapped` — the horizontal gap inserted between
|
|
7
|
+
* the input and the button when the `gapped` prop is enabled (8px).
|
|
4
8
|
*/
|
|
9
|
+
|
|
10
|
+
@theme static {
|
|
11
|
+
--spacing-search-form-gapped: var(--dimension-8);
|
|
12
|
+
}
|